highcharts.js 中 y-axis 标题文本的格式化函数

Question

我正在使用 highcharts.js API 创建包含动态数据的折线图。我需要根据使用按钮的可见系列更改 y-axis 的标题。目前我正在做这个工作正常。

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

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

现在当我下载图表时，它总是显示我在图表选项中设置的第一个 y 轴标题，而不是我在点击功能时明确更改的标题。是否有任何 formtter 函数可用于在图表选项中设置 y-axis 的标题文本。我试过做以下

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