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

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

1 个答案: