IFE-TASK17（任务十七：零基础JavaScript编码（五））

前言：

百度前端技术学院，任务十七：零基础JavaScript编码（五）

知识点：

1）构建一个对象，记录当前页面的表单选项

var pageState = {
    nowSelectCity: -1,
    nowGraTime: "day"
};

2）条状图的宽度 =  间隔 = 屏幕宽度除以数据量，注意最左的特殊处理

3）条状图的高度 = 数据AQI的数值，飘显的信息框高度在条状图的高度上面，并注意飘显的信息框最左和最右的处理

4）radio和select表单的值 需同步到 pagestate对象，根据pagestate渲染图表

5）数据和颜色是通过随机函数（Math.random）生成

代码地址：点击打开链接

DEMO：点击打开链接