Question

我正在尝试使用csv文件在d3中创建一个Treemap。但是，色标/颜色编码似乎不适用于树图。我尝试对矩形进行硬编码，即使这样它也不起作用。

你可以看看我的html，js，css和＆amp; .csv文件在下面的链接中。 http://bl.ocks.org/geetanjalirana/bcfcf2c66609193f75a7

请建议我哪里出错。

提前致谢。 Geetanjali

Answer 1

您当前代码需要进行两项更改：在NewFile.css中添加 fill：none！important; do

rect.parent {
    pointer-events: all; 
    fill:none !important;
}

在你的rect中的NewFile.js中执行此，你需要添加填充样式属性。

function rect(rect) {
    rect.attr("x", function(d) { return x(d.x); })
        .attr("y", function(d) { return y(d.y); })
        .attr("width", function(d) { return x(d.x + d.dx)  - x(d.x); })
        .attr("height", function(d) { return y(d.y + d.dy) - y(d.y); })
    //  .style("background", function(d) { return d.parent ? null : data_colorScale(d.parent.name); });
        .style("fill", function(d) { 
            return d.parent ? data_colorScale(d.parent.name) : null; 
          });
    //  .style("background", "red" });
    //  .attr("fill", function(d) { data_colorScale(d.parent.name); });
}

希望这有帮助！

颜色比例在d3中的树形图中不起作用

1 个答案: