highcharts.js中y轴标题文本的格式函数

Format function for y-axis title text in highcharts.js

本文关键字：文本格式函数标题 js highcharts 更新时间：2023-09-26

我正在使用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';
            }            
        }
        }
    }

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