我正在使用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;
}
