插件地址: dagre-d3
引用的资源:
d3.v3.min.js http://d3js.org/d3.v3.min.js
dagre-d3.js http://cpettitt.github.io/project/dagre-d3/latest/dagre-d3.js效果一html文件:
<meta cha...
分类:
编程语言 时间:
2015-07-30 14:55:33
阅读次数:
987
D3(Data-Driven Documents)是一个用于网页作图、生成互动图形的JavaScript函数库。 官网:http://d3js.org/ 下载: cdn: d3.zip1.hello world d3.select('body') ...
分类:
编程语言 时间:
2015-07-13 11:40:14
阅读次数:
214
仿照D3JS官网上的美国地图制作了一个中国版的地图.D3JS官网上的版本:http://bl.ocks.org/NPashaP/a74faf20b492ad377312中国版的地图效果:如要制作其他国家或其他具体省份-市区级的地图,只需替换掉javascript中的SVG地图数据即可。地图上每个省份...
分类:
Web程序 时间:
2015-07-05 23:49:51
阅读次数:
283
根据各个省份的数值从小到大,显示的颜色由浅到深。
效果图:
源代码:
D3 值域渐变地图
.tooltip{
font-family:simsun;
font-size:16px;
width:120;
height:auto;
position:absolut...
分类:
Web程序 时间:
2015-07-03 10:35:27
阅读次数:
240
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
">
D3 增加 删除 排序 柱状图
...
分类:
编程语言 时间:
2015-07-01 18:16:50
阅读次数:
154
使用d3绘制某个地市的地图时,把scale成很大可是还是无法达到想要的效果。
//-------------------------------------------------------------
//获得地图的中心 获得center
function getCenters(features){
var longitudeMin = 100000;//最小...
分类:
Web程序 时间:
2015-07-01 18:14:01
阅读次数:
173
偶然看到一个强大的D3.js,存档之。D3.js 是近年来十分流行的一个数据可视化开发库。采用BSD协议源码:https://github.com/mbostock/d3官网:http://d3js.org/中文资料:http://www.ourd3js.com/C3.js是一个基于D3.js的图表...
分类:
Web程序 时间:
2015-06-22 07:34:39
阅读次数:
223
效果图:
所要用到的资源文件:
1.topojson.js 下载地址:http://www.oschina.net/p/topojson
2.china.topojson 、southchinasea.svg 以及 places.json 下载地址:http://download.csdn.net/detail/u013147600/8815899
其中places.js...
分类:
Web程序 时间:
2015-06-17 16:42:30
阅读次数:
227
参考网站:饼状图的拖拽
效果:鼠标可拖拽图形,双击图形可恢复到拖拽前的位置。
图片效果:
·1.原图:
2.拖拽后的图形:
完整源码:
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName(...
分类:
Web程序 时间:
2015-06-16 16:55:09
阅读次数:
127