Изменить заголовок оси 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';

Answer 5

Я создал демонстрационную скрипку для динамического изменения заголовка оси Y .См. JSFIDDLE

HTML:

<div id="container" style="min-width: 310px; height: 400px; margin: 0 auto"></div>

<input type="button" value="Change Y-axis Title to 'My text'" id="my_btn">

JS (часть кода для обновления заголовка оси Y при нажатии кнопки):

var chart = $('#container').highcharts();
    $('#my_btn').click(function(){
        //alert('hey');
        chart.yAxis[0].update({
            title:{
                text:"My text"
            }
        });
        alert('Y-axis title changed to "My text" !');
    });

Подробнее см. Документация по функциям 'обновления' Highcharts .