首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >NVD3-社区:当单个条形图在multiBarHorizontalChart中不着色时的系列颜色

NVD3-社区:当单个条形图在multiBarHorizontalChart中不着色时的系列颜色
EN

Stack Overflow用户
提问于 2015-01-24 04:18:25
回答 2查看 954关注 0票数 0

使用(如果不是完全正确的话)与我在Novus的原始nvd3.js中使用时相同的代码,我无法在multiBarHorizontalChart中获取条块来使用我为该系列指定的颜色。(系列是由图表右上角的圆圈指示的组。)只有当我指定单个条形图的颜色时,我才能将它们着色为灰色以外的其他颜色。在这方面,API是否发生了变化或者nvd3.js是否被破坏了?

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

EN

回答 2

Stack Overflow用户

发布于 2015-01-27 07:57:32

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

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

票数 0
EN

Stack Overflow用户

发布于 2015-01-28 07:51:40

我浏览了引用的Github评论线程liquidpele。听起来我现在需要调用chart.color(),尽管颜色是通过datum()提供的,如下所示:

代码语言:javascript
复制
    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;
     });
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/28118059

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档