highcharts.jsのy軸タイトルテキストのフォーマット関数

Question

highcharts.js APIを使用して動的データを持つ折れ線グラフを作成しています。私は、ボタンを使用して可視シリーズに応じてy軸のタイトルを変更する必要があります。現在、私はうまく動作しているこれをやっている。私はチャートをダウンロードする際に

    $('#button1').click(function() { 
         //alert("buton clicked"); 
          series1.hide(); 
          series3.show(); 
          chart.yAxis[0].axisTitle.attr({ 
           text: 'Volts (V)' 
          }); 

         $('#button0').removeAttr('disabled'); 
        }); 

は今、それは常に私がチャートのオプションではなく、私は明示的にクリック機能により変更する1に設定されている第1のY軸のタイトルを示しています。 Chartsオプションでy軸のタイトルテキストを設定するために使用できるformtter関数はありますか？私は以下を実行しようとしました

 yAxis: {    
     labels: { 
     text:{ 
      formatter: function() { 
      if(this.series=="Series 1") 
       return 'Power kW'; 
      else 
      return 'Voltage kW'; 
      }    
     } 
     } 
    } 

しかし、動作しません。

Answer 1

直接的にsvg属性を変更する代わりにaxis.update()を使用してください。

$('#button1').click(function() { 
        //alert("buton clicked"); 
         series1.hide(); 
         series3.show(); 
         chart.yAxis[0].update({ 
          title: { 
          text: 'Volts' 
          } 
         }); 

        $('#button0').removeAttr('disabled'); 
       }); 

API DOCS - axis.update()を参照してください。