Warning: file_get_contents(/data/phpspider/zhask/data//catemap/8/svg/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
我试图使用csv文件中的列值填充图形(svg元素)中条形图的颜色,但不起作用_Csv_Svg_D3.js - Fatal编程技术网

我试图使用csv文件中的列值填充图形(svg元素)中条形图的颜色,但不起作用

我试图使用csv文件中的列值填充图形(svg元素)中条形图的颜色,但不起作用,csv,svg,d3.js,Csv,Svg,D3.js,HTML代码: d3.csv("file.csv", function(data){ var svg1 = d3.selectAll(".graph").selectAll(".svg1"); svg1.selectAll("rect").attr("fill",function(d,i) { return "rgb(0, 0, " + (d.column * 10) +

HTML代码:

             d3.csv("file.csv", function(data){
            var svg1 = d3.selectAll(".graph").selectAll(".svg1");
            svg1.selectAll("rect").attr("fill",function(d,i)
            {
             return "rgb(0, 0, " + (d.column * 10) + ")";
            });
            });


您需要将数据绑定到所选内容:

          <div class = "graph">
          <rect class="bar" id="01" height="187" width="60" y="262" x="355"></rect> 
          <rect class="bar" id="02" ........................ </rect>
          .
          .
          .
          </div>
这里有一个例子来说明这一点。我使用了一个变量来模拟CSV数据,因此您需要将表示简单数组中的值的
d
替换为CSV中的
d.column

var svg1 = d3.select(".graph").select("svg");
svg1.selectAll("rect")
    .data(data)
    .style("fill", function (d, i) {
        return "rgb(0, 0, " + d + ")";
    });