java8源码-d3lesson:d3课

时间:2024-06-24 13:52:13
【文件属性】:

文件名称:java8源码-d3lesson:d3课

文件大小:4.42MB

文件格式:ZIP

更新时间:2024-06-24 13:52:13

系统开源

java8 源码 #d3lesson d3lesson 是D3.js的系列教程源码,旨在分享我在运用D3.js + canvas在数据可视化方面的经验。 项目是在 java8 下开发,使用servlet作为controller,freemarker作视图。 #Chapter 01 这一章的示例代码主要介绍了d3.js的基本使用,如选择元素,动态修改元素属性、样式,为元素添加动画、鼠标事件监听。 示例中包含了d3.js对html元素(div,p,span这些)的操作(增删改),也包含了对svg元素(circle 圆,rect 矩形,line 线条等)的操作。 这里重点说一下d3中的data函数,如下: //创建一个长度为10的整形数组, 得到的是: [0, 1, 2, 3, 4, 5, 6, 7, 8, 9] var data = d3.range(10); //然后可以利用这个数组,创建10个对应的div元素,数组中的每个对象对应一个div //这里选取的是class=test的div(好跟其他的div区别开来),在一开始调用selectAll('div.test')得到的其实是一个空


网友评论