Flot.js中的條形圖顯示空值

我試圖讓我的條形圖顯示一系列簡單的數據。Flot.js中的條形圖顯示空值

它正確地顯示數據，但是它填滿了在該範圍之間存在的零值數據的網格。

查看照片。

$.plot($('#somediv'), result, { 
    lines: { 
     show: false 
    }, 
    bars: { 
     barWidth: 12, 
     horizontal: false, 
     align: "center", 
     show: true, 
     zero:false, 
     fill:true, 
     fillColor:'#fefefe', 
    },   
    points: { 
     show: false, 
     symbol: "circle", 
     fill: false 
    }, 
    grid: { 
     hoverable: true, 
     backgroundColor: '#fefefe', 
     borderColor: '#eee', 
     borderWidth: 1, 
     clickable: true 
    }, 
    series: { 
     lines: { 
      show: false, 
      lineWidth: 1 
     }, 
     shadowSize: 0 
    }, 
    xaxis: { 
     mode: null, 

    }, 
    yaxis: { 
     min: 0 
    }, 
    selection: { 
     mode: "y" 
    }, 

});

，這裏是數據

[{"label":"Sales","data":[["180","23"],["3","12"],["183","10"],["154","5"],["239","4"]]}]

這裏是結果的截圖。

enter image description here

底部的數據系列的產品ID，y軸是每個產品的銷售的＃

我想的是，每個刻度顯示1條，但我無法理解從

https://github.com/flot/flot/blob/master/API.md

來源

2013-10-30 IEnumerable

FLOT該文檔未填充用null電網;它正確繪製了你給它的x值 - 180，3，183等等。如果這些值實際上不對應軸上的位置，則應該簡單地使用1，2，3 ......。

來源

2013-10-31 12:36:21 DNS

180對應於產品ID，並且23對應於銷售量。它假設有一個範圍。所以也許我會將產品ID更改爲產品名稱，這是我從一開始就打算的。 – IEnumerable

@IEnumerable如果您使用該名稱，請確保包含Categories插件;它允許您在x軸上使用字符串，並且應該完全按照您的要求。 – DNS

嘿謝謝，我通過查看在線示例的來源也發現了這一點。基本上，我的問題的解決方案是缺少的類別插件和使用文本標籤。 – IEnumerable

Flot.js中的條形圖顯示空值

回答

相關問題