有沒有辦法給特定的條打上顏色?如果一根線條小於線條,則將其着色爲紅色。NVD3.js給圖中的特定條着色
代碼:https://github.com/tvinci/webs/blob/gh-pages/lineplusbar.html
例子:http://tvinci.github.io/webs/lineplusbar.html
我想這樣做,但i值不是Y值,我在把它已被修改:
d3.selectAll("rect.nv-bar")
.style("fill", function(d, i){
return i > 50 ? "red":"blue";
});
數據:
var overview_data=[
{
"key" : "Achieved",
"bar": true,
"values" : [ [ "1x" , 30] , [ "2x" , 70] , [ "3x" , 200] ]
},
{
"key" : "Required",
"values" : [ [ "1x" , 50] , [ "2x" , 100] , [ "3x" , 150] ]
}
].map(function(series) {
series.values = series.values.map(function(d) { return {x: d[0], y: d[1] } });
return series;
});
啊!非常好,謝謝。公認。 – user2265754 2013-04-11 22:37:36