近期略有点诸事不顺，趁略有闲余之时，玩起D3.js。之前实际项目中主要是用各种chart如hightchart、echarts等，这些图形库玩起来貌都是完美的，一切皆可配置，但几年前接触了D3之后，觉得前面那chart类库局限的地方在于，基本不可定制；而D3呢，你说了算，你想画出什么样的图 ...

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

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

上篇成功在vue项目中把d3跑起来了，接下来对d3的基本操作做个汇总： 一、d3元素选择器 d3.select(".skill")：选择第一个类名为skill的元素并返回这个元素对象（实现链式语法） d3.selectAll("p")：选择所有的p标签并返回这些元素对象（实现链式语法 ...

简介和安装 近年来，可视化越来越流行，许多报刊杂志、门户网站、新闻、媒体都大量使用可视化技术，使得复杂的数据和文字变得十分容易理解，有一句谚语“一张图片价值于一千个字”，的确是名副其实。各种数据可视化工具也如井喷式地发展，D3 正是其中的佼佼者。 D3 是什么 D3 的全称 ...

前言 近期略有点诸事不顺，趁略有闲余之时，玩起D3.js。之前实际项目中主要是用各种chart如hightchart、echarts等，这些图形库玩起来貌都是完美的，一切皆可配置，但几年前接触了D3之后，觉得前面那chart类库局限的地方在于，基本不可定制；而D3呢，你说了算 ...

直接接着上一章的图表，继续加上一个x坐标轴 ...

首先我们需要的是 中国地图的json数据：请戳这里 接下来咱们直接上代码： 代码： 效果： ...