從HIGHCHART刪除零

我一直在研究Highcharts剛剛陷入了一個麻煩問題是，當沒有任何價值的圖表上的某些數據存在，然後它顯示0它看起來不好，請檢查以下jsfiddle圖表上的標籤會被下列功能填充，但我無法檢查它是否應該只顯示圖表上的值大於零的那些條形圖從HIGHCHART刪除零

http://jsfiddle.net/CzHyC/3/ [KINDLY檢查圖表上的APPLE部分]

$(function() { 
    var chart; 
    $(document).ready(function() { 
     chart = new Highcharts.Chart({ 
      chart: { 
       renderTo: 'container', 
       type: 'column' 
      }, 
      title: { 
       text: 'Stacked column chart' 
      }, 
      xAxis: { 
       categories: ['Apples', 'Oranges', 'Pears', 'Grapes', 'Bananas'] 
      }, 
      yAxis: { 
       min: 0, 
       title: { 
        text: 'Total fruit consumption' 
       }, 
       stackLabels: { 
        enabled: true, 
        style: { 
         fontWeight: 'bold', 
         color: (Highcharts.theme && Highcharts.theme.textColor) || 'blue' 
        } 
       } 
      }, 
      legend: { 
       align: 'right', 
       x: -100, 
       verticalAlign: 'top', 
       y: 20, 
       floating: true, 
       backgroundColor: (Highcharts.theme && Highcharts.theme.legendBackgroundColorSolid) || 'gray', 
       borderColor: '#CCC', 
       borderWidth: 1, 
       shadow: false 
      }, 
      tooltip: { 
       formatter: function() { 
        return '<b>'+ this.x +'</b><br/>'+ 
         this.series.name +': '+ this.y +'<br/>'+ 
         'Total: '+ this.point.stackTotal; 
       } 
      }, 
      plotOptions: { 
       column: { 
        stacking: 'normal', 
        dataLabels: { 
         enabled: true, 
         color: (Highcharts.theme && Highcharts.theme.dataLabelsColor) || 'white' 
        } 
       } 
      }, 
      series: [{ 
       name: 'John', 
       data: [0, 3, 4, 7, 2] 
      }, { 
       name: 'Jane', 
       data: [2, 2, 3, 2, 1] 
      }, { 
       name: 'Joe', 
       data: [3, 4, 4, 2, 5] 
      }] 
     }); 
    }); 

});

來源

2012-07-09 soft genic

這是我處理這種情況的方式。

當你創建你的數據點時，不要把0放在空白處。

因此，例如，您的數據陣列看起來像：

[null,3,4,7,2]而不是[0,3,4,7,2]

Fiddle

來源

2012-07-09 19:52:56 c0deNinja

不錯的技巧，但數據是在我從數據庫表被填充，但我可以把支票上 – 2012-07-09 20:06:58

是的，您必須先將數據以特定格式構建，然後才能將其提供給高層圖表。 – c0deNinja 2012-07-09 20:08:44

我會將該值設置爲null。請記住，-1是一個值，而null不是。 – wergeld 2012-07-09 20:27:07

從HIGHCHART刪除零

回答

相關問題