使用图形化的方式展示数据，可以让用户非常方便的,直观的看到，而且图形化的数据展示方式，还能让用户方便记忆，大数据时代，数据可视化具有非常大的需求，那么，现在，我们来看一下，怎么使用D3这个非常酷炫的报表库，来制作报表。
那么需要使d3来生成一个图表，需要分为以下步骤：
首先，需要新建一个index.html文件，引入d3库文件，准备一个报表容器div，设置对应的样式， 具体如下。
然后，我们可以来写javaScript代码了
第一步，选中dom容器，添加svg元素，设置宽高
第二步，选中svg元素，添加g元素，适当的调整g元素的位置
第三步，添加path，和需要绘制的线条的函数，实现绘制线条函数，放大适当的比例
效果如下：
第四步，调整path样式，变成线图
第五步，指定拟合方式，变成光滑的曲线
效果如下：
第六步，生成x轴和y轴，x轴需要偏移到下方位置固定，y轴需要旋转90度放在左边
代码如下：
效果如下：
第七步，改变y轴的数据的方向，只需要调整ranger区间函数的顺序即可
代码如下：
效果如下：
至此，我们的一个简单的曲线图就是用D3绘制出来了
分享到:
閱讀更多 源碼時代 的文章
