d3 画简单的柱形图
2024-08-24 08:23:30
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>testD3--drawingDivBar</title>
<script type="text/javascript" src="http://localhost:8080/spring/js/d3.js"></script>
<style type="text/css">
div.bar {
display: inline-block;
width: 20px;
margin-right: 2px;
background-color: teal;
}
</style>
</head>
<body>
<script type="text/javascript"> var dataset = [ , , , , ]; d3.select("body").selectAll("div")
.data(dataset)
.enter()
.append("div")
.attr("class", "bar")
.style("height", function(d) {
return (d * ) + "px";
}); </script>
</body>
</html>
根据dataset的数据生成div,之后给div条形的样式,最后根据数据给每个div赋予不同的高度
最新文章
- CSS3动画快速实现
- 一个ubuntu phper的自我修养(杂记)
- java 把一个文件夹里图片复制到另一个文件夹里
- for xml path(&#39;&#39;),root(&#39;&#39;)
- YChaos生成混沌图像
- [HDOJ5791]Two(DP)
- Flash cs6 如何从FLA 文件导出sound文件
- wcf通道Channel
- jQuery 动画之 添加商品到购物车
- HTTP协议中POST、GET、HEAD、PUT等请求方法以及一些常见错误 #Reprinted#
- 分布式架构--Dubbo项目实战学习文档
- python 与redis
- python中关于汉诺塔问题和使用turtle库实现其搬运过程
- mysql开启general_log查看执行sql
- 【洛谷P2585】三色二叉树
- hdu 1240 3维迷宫 求起点到终点的步数 (BFS)
- 为python.exe或者ipython.exe添加环境变量
- hdu3879 最大权闭合回路
- tensorflow--variable_scope
- 【Dalston】【第五章】API服务网关(Zuul) 上