前言:
百度前端技术学院,任务十七:零基础JavaScript编码(五)
知识点:
1)构建一个对象,记录当前页面的表单选项
var pageState = {
nowSelectCity: -1,
nowGraTime: "day"
};
2)条状图的宽度 = 间隔 = 屏幕宽度除以数据量,注意最左的特殊处理
3)条状图的高度 = 数据AQI的数值,飘显的信息框高度在条状图的高度上面,并注意飘显的信息框最左和最右的处理
4)radio和select表单的值 需同步到 pagestate对象,根据pagestate渲染图表
5)数据和颜色是通过随机函数(Math.random)生成
代码地址:点击打开链接
DEMO:点击打开链接