随笔分类 -  d3.js做的一些图形

摘要:本章使用路径生成器来绘制一个折线图。以中国和日本的GDP数据为例: 1 //数据 2 var dataList = [ 3 { 4 coountry : "china", 5 gdp : [ 6 [2000,11920],[2001,13170],[2002,14550],[2003,16500], 阅读全文
posted @ 2019-05-19 22:18 溢杨年华 阅读(1638) 评论(0) 推荐(0)
摘要:上一章做了柱形图,https://www.cnblogs.com/littleSpill/p/10835041.html 这一章做散点图。 散点图(Scatter Chart),通常是一横一竖两个坐标轴,数据是一组二维坐标,分别对应两个坐标轴,与坐标轴对应的地方打上点。由此可以猜到,需要的元素包括c 阅读全文
posted @ 2019-05-09 09:12 溢杨年华 阅读(994) 评论(0) 推荐(0)
摘要:现在用D3.js + react做一个带坐标轴和比例尺的柱形图。我已经尽力把代码全部注释上了,最后我也会把完整柱形图代码奉上。如果还有疑惑的,可以去翻看一下我之前介绍的方法,以下方法都有介绍到。 还有数据都是自己定义的假数据,大家参考一下制作方法即可。 首先定义柱形图的数据、绘图区域的宽高、和上下左 阅读全文
posted @ 2019-05-08 22:05 溢杨年华 阅读(1167) 评论(0) 推荐(0)