Highcharts動態修改堆棧標籤

Question

我在堆疊的條形圖中使用堆棧標籤。

stackLabels: { 
    rotation : angelLabel, 
    style: { 
     fontSize: labelFontSize, 
     fontFamily: labelFontFamily 
    }, 
    enabled:true, 
    color: '#000000', 
    useHTML: true 
} 

上面的代碼在初始化時工作良好。現在，我需要將「啓用」更改爲false。 下面的代碼不起作用。

chart.options.yAxis[0].stackLabels.enabled = false; 
    chart.redraw(); 

如何動態更改堆棧標籤？

Answer 1

stackLabels是y軸的屬性，因此你可以使用API​​函數Axis.update()

$(function() { 
    var chart = $('#container').highcharts({ 
     chart: { 
      type: 'column' 
     }, 
     yAxis: { 
      stackLabels: { 
       enabled: true 
      } 
     }, 
     plotOptions: { 
      column: { 
       stacking: 'normal' 
      } 
     }, 

     series: [{ 
      data: [29.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4] 
     }, { 
      data: [144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4, 29.9, 71.5, 106.4, 129.2] 
     }] 
    }).highcharts(); 

    var enable = true; 
    $('#button').click(function() { 
     enable = !enable; 
     chart.yAxis[0].update({ 
      stackLabels: { 
       enabled: enable 
      } 
     }); 
    }); 
}); 

實施例更新軸：http://jsfiddle.net/yqypj4qr/