我想创建一个 float 条形图来显示真实和错误的数字,就像下面的示例一样。 我希望真正的条形为绿色,假条形为红色。我尝试过使用颜色数组,但它无法正常工作。
我当前的代码:
var options3 = {grid: {hoverable: true},series: {bars: {show: true,barWidth: 0.6,align: "center"}},yaxis: {min:0,tickSize: 1},xaxis: {mode: "categories",ticks: [ [0, 'True'], [1, 'False'] ],tickLength: 0},tooltip: true,tooltipOpts: {content: '%y Votes', defaultTheme: false}, colors: [ "#FF0000", "#00FF00"]};
var data3 = [ [0, 3], [1, 9] ];
$(document).ready(function() {
$.plot('#graph3', [data3], options3);
});
最佳答案
问题是您只有一个数据系列,它被指定为数组中的第一种颜色(红色)。如果你替换你会得到你想要的结果
var data3 = [ [0, 3], [1, 9] ];
与
var data3 = [
[[0, 3]],
[[1, 9]]
];
然后在图中使用 data3
而不是 [data3]
。请参阅jsFiddle .
关于javascript - float 条形图的独特颜色,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17901085/