参考： http://bl.ocks.org/almccon/fe445f1d6b177fd0946800a48aa59c71 http://blog.csdn.net/lzhlzz/article/details/38727993 代码 ...

个人感觉前端数据可视化是个趋势，并且现在所在公司也是有做这块的项目，虽然我目前还没有接触到公司数据可视化的项目，但是，今后总是要接触的嘛。 今天看了一下公司目前所用的两种数据可视化工具---D3和ECharts，ECharts由于是国产的，文档和demo都很全，简单看了一下，感觉很好 ...

一、安装D3.js 1.网络连接 2.命令行安装 cnpm || npm install d3 --save => 我采用的是cnpm install d3 --save 3.创建node 服务器 a. cnpm || npm install express ...

的要求，要升级d3版本。因为v3版本现在使用的不多了，网上可找的资料不多且拓展性不好，因此花了点时间做了 ...

想做个后台系统，画各种统计图表。特殊图表是必不可少的。这两天看了下D3.js。学习下如何使用D3。以前做项目，需要各种特效图，都是在网上找例子，下载以后直接修改。很多是只会用，却不了解里面的结构和原理。这样做一些一般应用还可以。遇到需要高度定制化的开发就没办法了。所以这个时候D3就很管用 ...

zoom缩放案例 源码：https://github.com/HK-Kevin/d...；demo：https://hk-kevin.github.io/d3...； 原理：通过zoom事件来重新绘制x轴scale，同时获得此时scale，在zoom事件的时候调用函数，将每个数据点的xScale ...

上节我们学习了如何绘制多条曲线， 以及给不同的曲线指定不同的坐标系。在这节当中，我们会对坐标轴标签相关的处理进行学习。首先，我们来想一个问题， 如何我们的x轴上的各个标签的距离比较近，但是标签名又比较长怎么办？ 像是下面这种情况该如何处理？ 上图中x轴上的标签是不是都重叠在一起了？非常恶心对不对 ...

上一节中我们学会了如何旋转x轴标签以及自定义标签内容，在这一节中，我们将接触动画（transition） 首先，我们要在页面上添加一个按钮，当我们点击这个按钮时，调用我们的动画。所以，我们还需要在原 ...