Пользовательские кнопки на панели инструментов

Question

Я хотел бы знать, как вы можете настроить подсказки для пользовательских кнопок.

Все примеры для пользовательских кнопок похожи на это с _titleKey: 'printButtonTitle'

Установка этого к чему-либо еще приводит к undefined в качестве подсказки. Я провел некоторое время, просматривая источник, где это создано, но не могу найти его.

Кроме того, используя что-то вроде идентификатора и заменяя его на jquery $('#foo-button title').html('yey'); но для пользовательских кнопок не назначены идентификаторы.

Answer 1

Вы можете установить id на кнопку с помощью _id а затем обновить его с помощью jQuery.

exporting: {
    buttons: {
        'myButton': {
            _id: 'myButton',
            symbol: 'diamond',
            x: -62,
            symbolFill: '#B5C9DF',
            hoverSymbolFill: '#779ABF',
            onclick: function() {
                alert('click!')
            }
        }
    }
}

var buttonTitle = 'updated title';
jQuery("#myButton").attr('title', buttonTitle).children().text(buttonTitle);

демонстрация

Answer 2

Хотя ответ принят, я хотел бы представить альтернативное решение. Высокие диаграммы действительно дают способ (к сожалению, не очень хорошо документированный, хотя) устанавливать пользовательские заголовки для пользовательских кнопок. Highchart читает строки из своего объекта глобального языка Highchart.lang, Чтобы иметь собственный заголовок, вам нужно добавить заголовок кнопки в качестве нового свойства (вы можете вызывать новое свойство по имени, кроме зарезервированных) в этом объекте, используяHighcharts.setOptions()Глобальный метод следующим образом

Highcharts.setOptions({
    lang: {
        myButtonTitle: "Don't Click"
    }
});

Следует иметь в виду, что это глобальное свойство, поэтому его необходимо установить перед вызовом конструктора, и его необходимо вызывать в пространстве имен Highcharts, а не как часть отдельных параметров построения диаграмм.

Теперь вы можете использовать вышеуказанный заголовок в кнопках, указав _titleKeyсвойство кнопки со значением, соответствующим ключу, который использовался выше для установки имени

exporting: {
    buttons: {
        'myButton': {
            _id: 'myButton',
            symbol: 'diamond',
            x: -62,
            symbolFill: '#B5C9DF',
            hoverSymbolFill: '#779ABF',
            onclick: function() {
                alert('click!')
            },
            _titleKey: "myButtonTitle"

        }
    }
}

Название пользовательской кнопки | Highcharts & Highstock @ jsFiddle