首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > JavaScript >

【D3.V3.js系列课程】-(四)使用数据

2013-10-08 
【D3.V3.js系列教程】--(四)使用数据【D3.V3.js系列教程】--(四)使用数据1、说明用一个d表示当前数据。可以使用

【D3.V3.js系列教程】--(四)使用数据
【D3.V3.js系列教程】--(四)使用数据1、说明

用一个d表示当前数据值。

可以使用一个匿名函数处理这个数据。

接上面一个例子可以显示数据值,汉可以根据数据值来修改颜色值。

2、示例
<!DOCTYPE html><html>  <head><meta charset="utf-8"><title>testD3-3.html</title><script type="text/javascript" src="http://localhost:8080/spring/js/d3.v3.js"></script></head><body><script type="text/javascript">var dataset = [ 5, 10, 15, 20, 25 ];d3.select("body").selectAll("p").data(dataset).enter().append("p").text(function(d) {return "I can count up to " + d;}).style("color", function(d) {if (d > 15) {//Threshold of 15return "red";} else {return "black";}});</script></body></html>


 

3、效果

【D3.V3.js系列课程】-(四)使用数据

热点排行