数据可视化（大屏）

（接上篇）单独图表组件的开发

1.柱状图

 

 

 

 

 

 

 

 

图表实现的一般步骤的具体代码如下

 

 

 

 

 

 数据处理

 

 

 从小到大排序

 

 

 每5个元素显示一页

 

 

 

 

 

 

 

 

 

 获取数据之后启动定时器

 

 

 

 清除定时器

 

 

 

 鼠标移出图表   开启定时器        鼠标移入图表  清除定时器

 

 

 

 

 

 

 

分辨率适配

 监听窗口的变化

 

 

 

 适配屏幕的方法

 

 

 

 注销resize