0

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');
                    });

チャートをダウンロードすると、クリック機能で明示的に変更したタイトルではなく、チャートオプションで設定した最初のy軸タイトルが常に表示されます。チャート オプションで y 軸のタイトル テキストを設定するために使用できるフォーマッタ関数はありますか。私は次のことを試しました

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

しかし、それは機能していません。

4

1 に答える 1

1

axis.update()svg 属性を直接変更する代わりに使用します。

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

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

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

于 2016-11-03T11:24:10.737 に答える