首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >NVD3.js MultiBar图表工具提示颜色

NVD3.js MultiBar图表工具提示颜色
EN

Stack Overflow用户
提问于 2015-01-09 16:01:19
回答 1查看 713关注 0票数 2

我已经使用e.color将元素颜色添加到我的piechart工具提示文本中,但是我似乎无法使用MultiBar图表访问相同的颜色数组。有人知道为什么吗?在PieChart中可以使用完全相同的工具提示代码。

代码语言:javascript
运行
复制
var colors = ['#5f9e5f', '#269abc', '#d58512', '#d43f3a'];
var test_data = [
    { key: "S", values: 
        [
            {series:0, y:38, x:'12/22/14'},
            {series:0, y:28, x:'12/23/14'},
            {series:0, y:22, x:'12/24/14'},
            {series:0, y:26, x:'12/26/14'},
            {series:0, y:34, x:'12/29/14'},
            {series:0, y:30, x:'12/30/14'},
            {series:0, y:35, x:'12/31/14'},
            {series:0, y:47, x:'01/02/15'},
            {series:0, y:59, x:'01/05/15'},
            {series:0, y:42, x:'01/06/15'}
        ]
    },
    { key: "M", values: 
        [
            {series:1, y:32, x:'12/22/14'},
            {series:1, y:42, x:'12/23/14'},
            {series:1, y:12, x:'12/24/14'},
            {series:1, y:26, x:'12/26/14'},
            {series:1, y:18, x:'12/29/14'},
            {series:1, y:39, x:'12/30/14'},
            {series:1, y:55, x:'12/31/14'},
            {series:1, y:57, x:'01/02/15'},
            {series:1, y:69, x:'01/05/15'},
            {series:1, y:62, x:'01/06/15'}
        ]
    },
    { key: "T", values: 
        [
            {series:2, y:8, x:'12/22/14'},
            {series:2, y:4, x:'12/23/14'},
            {series:2, y:2, x:'12/24/14'},
            {series:2, y:6, x:'12/26/14'},
            {series:2, y:4, x:'12/29/14'},
            {series:2, y:6, x:'12/30/14'},
            {series:2, y:5, x:'12/31/14'},
            {series:2, y:9, x:'01/02/15'},
            {series:2, y:19, x:'01/05/15'},
            {series:2, y:32, x:'01/06/15'}
        ]
    }

 ];
nv.addGraph(function() {
var chart = nv.models.multiBarChart()
    .stacked(true)
    .tooltips(true)
    .color(colors)
    .rotateLabels(-45)
    .tooltipContent(function(key, x, y, e, graph){
        return '<div class="tt-p">' + y + '</div><div class="tt-p" style="color:'+e.color+'">'+key+'</div><div class="tt-p">' + x + '</div>';
     });
chart.yAxis.tickFormat(d3.format(',f'));

d3.select('#test5')
    .datum(test_data)
    .transition().duration(1200)
    .call(chart);

nv.utils.windowResize(chart.update);
console.log('calling chart');
return chart;

});

EN

回答 1

Stack Overflow用户

发布于 2015-01-11 03:56:57

这是通过使用e中的另一个对象来解决的。我使用了e.series.color

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/27856156

复制
相关文章

相似问题

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