更改HighCharts轴标题

Question

是否可以以编程方式更改HighCharts图表的轴标题？

我正在尝试做这样的事情:

charts.series[0].yAxis.title.text = 'new title';

要么

charts.yAxis[0].title.text = 'new title';

(在图表初始化时已经设置了标题).

Answer 1

是的,您可以使用以下方法执行此操作:

chart.yAxis[0].axisTitle.attr({
        text: 'new title'
    });

Answer 2

这可以直接在Axis对象上使用setTitle.例如:

chart.yAxis[0].setTitle({ text: "Bananas" });

看到这个JSFiddle演示.方法签名是:

setTitle(Object title, [Boolean redraw])

所以你可以选择传递一个布尔值来等待重绘.该title对象采用相同的参数,xAxis.title这意味着您可以传入样式和其他几个选项以及文本本身.API文档包含完整信息.

Answer 3

我无法完成上述任何一项工作,也许自去年以来事情发生了变化......我最终使用了:

chart.yAxis[0].update({
                title:{
                    text: "new title"
                }
            });

它工作得很好......

Answer 4

上述答案仍有一个问题.使用导出模块从绘图创建的图像将显示原始标题,而不是更改的标题.添加以下行以进行修复:

chart.options.yAxis[0].title.text = 'new title';