数据可视化项目二

 

无缝滚动原理

• 先克隆marquee里面所有的行（row）
• 通过CSS3动画滚动marquee
• 鼠标经过marquee 就停止动画： animation-play-state: paused;

 

1、点位分析模块 （使用Echarts图表）

• 先官网找到类似的图表引入到页面中
• 根据需求修改具体的配置

2、柱形图-单独修改其中某个柱形样式

• 核心原理：series 对象里面的data数组,里面的每一个数据影响每一个柱形。
• 重要的是，data数组里面除了直接写数字，还可以是对象。
• 直接把data里面对应的数据修改为需求配置的对象即可。

 

3、销售统计模块切换原理

• 1. series 里面的data 数据决定着折线的显示
• 2. 当我们点击不同的tab标签， 就让  series 里面的data调用不同的数据即可
• 3. 我们现在只准备