一:什么是D3?
d3,简单来说,就是一种基于javascript的数据可视化库,其效果一般展现在网页中,可交互。
使用方法:首先需下载d3相应的库,导入方法:<script src="d3库的路径"></script>。也可以在联网的情况下直接写d3的下载路径,此时不用下载。
二:数据集
在js中选择数据通常采用以下方式(假定选择的是所有p标签):
<body>
<p id="first">I can up to 5</p>
<p>I can up to 10</p>
<p>I can up to 15</p>
<script>
//选择所有数据
p=document.getElementsByTagName("p");
//改变指定数据的颜色
p[1].style.color="red";
//选择单个数据
f=document.getElementById("first");
f.style.color="cyan";
</script>
</body>
使用d3选择数据:
<body>
<p id="first">I can up to 5</p>
<p>