d3 使用数据

最新推荐文章于 2021-06-29 09:10:49 发布

weixin_30419799

最新推荐文章于 2021-06-29 09:10:49 发布

阅读量122

点赞数

文章标签： java javascript ViewUI

原文链接：http://www.cnblogs.com/kugeliu/p/6888251.html

版权

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>testD3-3.html</title>
    <script type="text/javascript" src="http://localhost:8080/spring/js/d3.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) { //大于15的数字显示为红色
                return "red";
            } else {
                return "black";
            }
        });

</script>
</body>
</html>