文章内容
2021/2/5 17:08:50,作 者: 黄兵
几个不错的D3.js示例
d3鼠标悬停多线图可以学习不同颜色图标的设置，以及鼠标划过的时候给出的相关提示，示例地址：d3 mouseover multi-line chart
多线图可以学习鼠标滑过的时候，显示相关数据的方法，项目地址：Multiline chart
这个示例使用d3.js v5写了一个图标，可以借此学习一下d3.js v3到v5变更的内容，项目地址：Simple Difference Chart v5
这个项目是使用d3.js v5写了一个tooltips的效果，可以参考，项目地址：Simple tooltips in v5
这个示例主要是讲解了d3.scaleTime API的用法，地址：d3.scaleTime
这篇文章讲解了在折线图中数据缺失的处理，地址：SHOWING MISSING DATA IN LINE CHARTS
这篇文章做了一个D3.js的图表动画，可以参考，地址：Interpolation and Area Charts
这篇文章处理了折线图数据长度不同的问题，示例地址：http://image.pdflibr.com/blog/different_length_lines_on_same_graph.html
这篇文章展示了折线图的图例和tooltips绘制方法，示例地址：MultiLine Chart with legends and tooltips
评论列表