javascript – 如何为vis.js中的堆积条形图定义自定义颜色？

我正在使用vis.js来制作一些堆积的条形图.这是我的代码：

var bargraphDiv = document.createElement('div');
bargraphCombinedDiv.appendChild(bargraphDiv);
var groups = new vis.DataSet();
groups.add({id: 0,content: "group0",color:{'background': 'red'}})
groups.add({id: 1,content: "group1",color:{'background': 'green'}})
groups.add({id: 2,content: "group2",color:{'background': 'blue'}})

var items = [
    {x: '2014-06-11',y: 10,group:0},{x: '2014-06-12',y: 25,{x: '2014-06-13',y: 30,{x: '2014-06-14',{x: '2014-06-15',y: 15,{x: '2014-06-16',{x: '2014-06-11',y: 12,group:1},y: 34,y: 24,y: 5,y: 22,group:2},y: 14,y: 21,y: 18,group:2}
];

var dataset = new vis.DataSet(items);
var options = {
    style:'bar',stack:true,barChart: {width:50,align:'center',sideBySide:true},drawPoints: false,dataAxis: {
        icons:true
    },orientation:'top',start: '2014-06-10',end: '2014-06-18',groups: {
        0: {color:{background:'red'}},1: {color:{background:'green'}},2: {color:{background:'blue'}},}
};
var graph2d = new vis.Graph2d(bargraphDiv,items,groups,options);

所以我要设置我想要我的小组的颜色吗？谢谢！

解决方法

定义组时,可以指定className属性.例如

groups.add({id: 0,className: "group0Style"});

那你只需要你的css中的类如下：

.group0Style {
  fill: #f2ea00;
  fill-opacity:0;
  stroke-width:2px;
  stroke: #b3ab00;
}