js柱状图代码
时间: 2023-08-15 09:05:50 浏览: 96
javascript柱状图参考资料
以下是一个简单的JavaScript柱状图代码示例:
HTML代码:
```
<div id="chart"></div>
```
JavaScript代码:
```
var data = [5, 10, 15, 20, 25];
var chart = d3.select("#chart")
.selectAll("div")
.data(data)
.enter()
.append("div")
.style("width", function(d) { return d * 10 + "px"; })
.text(function(d) { return d; });
```
使用上面的代码,将会生成一个简单的柱状图,柱子的高度是根据数据中的数字来确定的。
阅读全文