折线图

教程:http://www.daliane.com/category/wangzhanjianshe/qian_duan_ji_shu/javascript/page/9/

描述:这是一个关于 line chart,实现的功能比较全。

笔记六:drawChart() 中 circle的动画要放在最后,想不到 这个 对效果 还有影响....

添加多条折线图时,需要放在g中

画网格线时,用原来的XScale就可以,这样做的好处是,如果缩放时,网格也会随着缩放;需要使用.tickSize(-(this.height - this.padding * 2))

如果想画曲线,需要使用插值函数,其中.interpolate("cardinal")为曲线,添加在折线生成器中。

原文地址:https://www.cnblogs.com/wang-jing/p/5693104.html