我想分别为每个浮动条设置不同的渐变，但似乎它只接受数据对象中的纯色。
var data = [{data: [[0,1]], color: "red"},
{data: [[1,2]], color: "yellow"},
{data: [[2,3]], color: "green"}];
$.plot("#placeholder",data, {
series: {
bars: {
show: true,
barWidth: 0.3,
align: "center",
lineWidth: 0,
fill:.75
}
},
xaxis: {
ticks: [[0,"Red"],[1,"Yellow"],[2,"Green"]]
}
});
这是jsfiddle
那么我怎样才能弄清楚呢？
在您的data对象中，将 替换为color: "..."以下内容：
bars: {
fillColor: {
colors: ["#ff0000", "#0000ff"]
}
}
该color属性主要用于条形的轮廓（由于lineWidth: 0选项中的，您不会绘制它），并将用作fillColor未指定的if的后备。
更新小提琴：http : //jsfiddle.net/TPp8m/487/
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句