圆弧末尾有一个竖线，作为仪表盘的指针，在仪表盘数值变化时，有一个弹性的动画效果。 一开始，我是用 Echarts 来实现仪表盘，但是它无法满足上面的两点需求。所以后来改成用D3.js。 D3.js可以完美地实现图表的定制，从细节上，完美地满足我们的需求。 创建一个 arc 方法…

折线图是由一个笛卡尔坐标系（直角坐标系），一些点和线组成的统计图表，常用来表示数值随连续时间间隔或有序类别的变化。 从数据上来说，折线图需要一个连续时间字段或一个分类字段和至少一个连续数据字段。 （单条）同一变量随时间或有序类别的变化。（连续性质） （多条）多个随时间或有序类别…

坐标计算只需要一些 api，本文使用 d3。 数据绑定既可以借助 d3，也可以使用 vue。d3 通过操作 dom 实现，有点像 jQuery，d3 针对数据和 dom 的状态提出了三个概念：Update、Enter、Exit，感兴趣的可以看官网。本文使用 vue 做数据绑定 …