首先将创建的 html 中的代码放入 js 中,剩下如图所示的代码
柱状图可以分为三类:分别是单柱,双柱(可与旧数据做对比),覆盖双柱(可与旧数据做对比,也可以用来表示任务完成情况)
这里用single、parallel、cover表示
其中box就是我们绘制的区域
以下是代码代表不同的区域,以便分开绘制
选择器验证
对 y 轴数据动态计算
图标数据验证
柱状图数据验证
生成柱状图
首先将创建的 html 中的代码放入 js 中,剩下如图所示的代码
柱状图可以分为三类:分别是单柱,双柱(可与旧数据做对比),覆盖双柱(可与旧数据做对比,也可以用来表示任务完成情况)
这里用single、parallel、cover表示
其中box就是我们绘制的区域
以下是代码代表不同的区域,以便分开绘制
选择器验证
对 y 轴数据动态计算
图标数据验证
柱状图数据验证
生成柱状图