摘要：
这次是绘制饼状图，也是这一次使用D3绘制图表的最后一篇，大家可以从其他地方深入学习D3绘制图表，也可以直接查看D3的API进行学习，本次绘制饼状图的数据跟之前的卸载数组里面的不一样，这一次是使用d3的csv(url)函数读取的一个data.csv文件，在此声明，如果网页的编辑器不是使用自带的服务器打 阅读全文
摘要：
竖直柱状图的绘制是在水平柱状图的基础上修改的。 1.html代码 2.js代码 3.运行效果 阅读全文
摘要：
绘制水平柱状图表的方法也不是很难，首先在svg中插入g，然后在g中插入rect。 1.html代码 2.js代码 3.运行效果 阅读全文
摘要：
面积图表的绘制就是在曲线图表的基础上做一点小小的改动。其他的代码跟绘制曲线图表没有什么区别，下面有黄色背景颜色的代码就是修改的，是不是很简单，第一句修改的地方就是把之前绘制线的函数（line）改成了绘制面积的函数（area）；第二句代码就是加的一行，“.y0(g_height)”这个意思代表的是x轴 阅读全文
摘要：
上一篇是曲线的绘制，这样仅仅只是有一条线，完全先是不出数据想要表现的内容，于是我们要添加坐标系，添加坐标系和画线类似。 1.还是没有变化的html页面 2.改变后的css样式文件，主要是domain和tick样式的添加 3.完成功能的js代码 4.完成后的样式 阅读全文
摘要：
上一篇是使用D3绘制画布，这一篇的内容是在画布上绘制曲线。 1.之前的html代码没有变化，但是我还是贴出来 2.css样式添加了path的样式 3.主要代码还是在js中实现的 这些都是我在慕课网上边学编写的文章，没什么基础的同学也可以去慕课网上看看，还是蛮不错的一个网站，可以边学边练习。 阅读全文
摘要：
使用D3绘制图表可以使数据更加直观。 使用D3前要先加载D3库，这里有两种方式，一种是在线加载<script type="text/javascript" src="http://d3js.org/d3.v3.js" ></script>,另一种是下载D3库，我是直接在百度里面搜索”D3 js 下载 阅读全文