2016-08-30 51 views
1

如果值爲零,我有隱藏標籤內數字的代碼。我的問題是,我也想隱藏顯示在列上的總和號碼。如果爲零,則隱藏stacklabel

這裏是一個例子,最後一個標籤。 http://jsfiddle.net/4NxYh/72/

plotOptions: {      
    line: {dataLabels: {enabled: true, style: {fontSize: '8px'}, style: {textShadow: false}, allowDecimals: true, formatter: function() {return this.y + 'e'}}}, 
    column: {stacking: 'normal', shadow: false, dataLabels: { 
         formatter:function() { 
          if(this.y != 0) { 
           return this.y; 
          } 
         }, 
         enabled: true, 
         color: (Highcharts.theme && Highcharts.theme.dataLabelsColor) || 'white', 
         style: { 
          textShadow: '0 0 3px black', 
          fontSize: '8px' 
         } 
        }}, 
    series: {minPointLength: 0} 

},

回答

1

爲了隱藏堆棧總數時,總數量是零,您可以將您的dataLabels格式化的stackLabels屬性類似的變種(見this Stack Overflow question談到有關格式stackLabels)。

stackLabels: { 
    enabled: true, 
    formatter: function(){ 
     var val = this.total; 
     if (val > 0) { 
      return val; 
     } 
     return ''; 
    }, 
    style: { 
     fontWeight: 'bold', 
     color: (Highcharts.theme && Highcharts.theme.textColor) || 'gray' 
    } 
}, 

在這種情況下,如果您的總數大於零,請顯示堆棧標籤。如果沒有,什麼都不顯示。

這是你的提琴的更新版本與此變化:http://jsfiddle.net/brightmatrix/4NxYh/76/

我希望這是對你有幫助!

+1

謝謝麥克,非常有幫助! – Andy

相關問題