D3 CSS自定义颜色有效布局

我正在开发一个强制导向布局。当我第一次开始这个时，我已经在CSS中定义了颜色，并且效果很好。在这个过程中，我决定尝试使用内置的D3色标，但是当我试图回到我的自定义CSS颜色时，代码不会在没有色标线的情况下运行。不知怎的，我很“卡”与D3规模 - 此代码的行4：https://jsfiddle.net/lilyelle/gwacm7z5/D3 CSS自定义颜色有效布局

var w = 600, 
    h = 500, 
    r = 30, 
    fill = d3.scale.category10() 
;

我知道我的CSS是工作，因为我的指针事件指挥工作 - 但不知何故，在CSS的其余部分将不将颜色应用于我的元素。任何人都可以帮助摆脱D3规模，并返回到常规CSS造型？

谢谢！

来源

2016-08-01 lilyelle

你的CSS应该是：

.node .type1 { 
    fill:#690011; 
} 
.node .type2 { 
    fill:#BF0426; 
}

，然后创建你的圈子中时：

node.append("circle") 
    .attr("r", 35) 
    .attr("class", function(d){ 
    return "node type" + d.type; 
    }) 
    .on("mouseover", fade(.1)) 
    .on("mouseout", fade(1));

更新fiddle。

来源

2016-08-01 18:32:04 Mark

太棒了！没有意识到这是一个简单的CSS语法问题，我的不好。但是，对链接做同样的事情不会导致相同的颜色变化。它可以工作，如果我只是离开链接分类，但一旦我尝试添加它的类型线消失。 https://jsfiddle.net/lilyelle/bcn1pcwe/3/ – lilyelle

我曾经用这个例子第一次编码我的颜色和线条：http://jsfiddle.net/2pdxz/2/工作很棒！现在，使用相同的链接值符号，它不工作......我在这里错过了什么？ – lilyelle

@lilyelle，这是[css中的空间]（https://jsfiddle.net/bcn1pcwe/6/） – Mark

D3 CSS自定义颜色有效布局

回答

相关问题