nvd3-community:当multiBarHorizo​​ntalChart中没有着色的单个条时的系列颜色

时间:2015-01-23 20:18:25

标签: nvd3.js

使用(大致如果不完全相同)使用Novus'原始nvd3.js时使用的相同代码,我无法在multiBarHorizo​​ntalChart中获取条形以使用我为系列指定的颜色。 (该系列是由图表右上角的圆圈表示的组。)只有当我指定单个条纹的颜色时,我才能将它们涂成除灰色阴影之外的其他颜色。在这方面,API是否已更改或nvd3.js已损坏?

我昨天使用了novus-community zip下载和项目的克隆。

2 个答案:

答案 0 :(得分:0)

这听起来像是从this pull request修复的错误。

尝试最新的开发分支构建,看看是否能解决您的问题。

答案 1 :(得分:0)

我浏览了引用的Github评论帖子液体。听起来我现在需要调用chart.color(),即使颜色是通过datum()提供的,如下所示:

    var chart0;
    nv.addGraph(function() {
        var chart0 = nv.models.multiBarHorizontalChart()
            .height(123)
            .margin({top: 0, right: 20, bottom: 50, left: 175})
            .x(function(d) { return d.label })
            .y(function(d) { return d.value })
            .stacked(true);

        chart0.yAxis
            .axisLabel("ylabel")
            .tickFormat(d3.format(',.2f'));


        d3.select("svg")
            .datum([{"color": "#133353", "values": [{"value": 1.0, "label": "mydatalabel"}], "key": "mydatakey"}])
            .call(chart0)
            .style({ 'height': 123 });


        chart0.color();

        nv.utils.windowResize(chart0.update);
        return chart0;
     });