[英]Unique colors for flot bar chart
我想創建一個顯示真假數字的flot條形圖,如下面的例子。 我希望真正的酒吧是綠色的,而假的酒吧是紅色的。 我嘗試使用colors數組,但它無法正常工作。
我目前的代碼:
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 。
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.