zoukankan      html  css  js  c++  java
  • d3 使用数据

    <!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>

    .text(function(d){}),   在回调函数当中传入的数据分别对应数组当中的数据,

    .style(), 同上,在回调函数当中传入对应的数据,根据数据返回字体的颜色

  • 相关阅读:
    python中的time模块
    CSS 布局
    8 Function类型
    2 node 核心
    1 node 简介
    13 对象
    JS 算法一
    JS 模块化
    1 谈谈section标签
    JS 练习一
  • 原文地址:https://www.cnblogs.com/kugeliu/p/6888251.html
Copyright © 2011-2022 走看看