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

现在当我下载图表时，它总是显示我在图表选项中设置的第一个 y 轴标题，而不是我在点击功能时明确更改的那个。有没有什么formtter函数可以用来在图表选项中设置y轴的标题文本。我尝试过以下操作

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

但它不起作用。

Answer 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()。