摘要：昨天晚上本来打算花一点时间把之前学的柱状图改一下，用CSV文件来替换自定义数据。这一替换可不得了，一晚上就搭进去了，还好今早找到了问题的所在，原因在于我的数据引用出了问题。 现在就来讲解一下如何画一个柱状图吧： 柱状图的画法和折线图其实很类似，只要掌握了比例尺的用法和坐标轴的画法，我们只要在此基础上 阅读全文

摘要：坐标轴的绘制我们需要搞清楚以下三个要点： 1）、axis函数 2）、.call()函数用于组合 3）、坐标轴的平移旋转 关于第三点其实就是"transform","translate(X,Y)"的含义和效果结合自己要求进行使用。 阅读全文

摘要：如果觉得作者写的对你有用，可以打赏作者哦！owo 多少不限，支持而已。 实现折线图不得不说的是d3的线段生成器： function（d,i）//这个是d3的无名函数变量d，i在无名函数中是可用变量。第一个参数d表示这个元素的数据绑定，它的值就是与当前元素关联的数据的值，第二个参数i指当前元素在整个选 阅读全文

摘要：最近大半个月都和d3斗争，学习艰辛（呜呜……）如果觉得作者写的对你有用，可以打赏作者哦！owo 起言：结合自己的学习之路，我认为要想使用d3画图搞清楚布局很重要，层次分明，就给了你很大的灵活性，写起代码来就不死板，本文就是给你解释svg在网页中的层次，当然，如果你想理解本文，你还需要一些html的基 阅读全文

摘要：2010年全国人口普查数据：http://www.stats.gov.cn/tjsj/pcsj/rkpc/6rp/indexch.htm national data 国家数据：http://data.stats.gov.cn 国家统计局：www.stats.gov.cn d3使用：https://b 阅读全文