2013-04-02 191 views
2

我們在整個應用程序中都遇到了問題,如果某個特定值相對於最大值而言非常小,則不會顯示條形圖。下面的jsfiddle說明了問題:Highcharts條形圖 - 如何設置最小條寬度/長度

http://jsfiddle.net/yahsukram/dQHQf/

$(function() { 
    $('#container').highcharts({ 
     chart: { 
      type: 'bar' 
     }, 
     title: { 
      text: null 
     }, 
     xAxis: { 
      title: { 
       text: null 
      }, 
      labels: { 
       enabled: false 
      } 
     }, 
     yAxis: { 
      min: -50000, 
      max: 5000000, 
      title: { 
       text: null 
      } 
     }, 
     tooltip: { 
      enabled: false 
     }, 
     plotOptions: { 
      bar: { 
       dataLabels: { 
        enabled: true 
       } 
      } 
     }, 
     legend: { 
      enabled: false 
     }, 
     credits: { 
      enabled: false 
     }, 
     exporting: { 
      enabled: false 
     }, 
     series: [{ 
      categories: ['John', 'Jane', 'Bob', 'Bill', 'Jesus'], 
      data: [5000000, 20000, 200, -50000, -10000] 
     }] 
    }); 
}); 

注意,對於200和-10000條不渲染的。有沒有辦法將最小寬度設置爲2或3像素?我已經嘗試過幾件事情並且四處搜尋,但沒有找到真正解決問題的事情。我們有很多不同的圖表顯示這種行爲,並且根據我們提取的數據類型,上限/下限值可能會發生急劇變化。

增加容器的寬度是不是一種選擇,因爲我們撕心裂肺列格式這給了我們有限的房地產許多圖表。

任何幫助,非常感謝。

回答

3

我想你想的選項minPointLength:

plotOptions: { 
      bar: { 
       minPointLength:5, 
       dataLabels: { 
        enabled: true 
       } 
      } 
+0

嘆息。我完全錯過了API文檔。感謝您指出這一點...完美的作品。 –

+0

請注意,即使值爲0,這也會顯示一個條。通常不希望這樣。任何人都知道這個解決方案嗎? – herman

相關問題