Плагин / расширение Highcharts, которое запускается после загрузки графика

Question

Я пытаюсь переместить часть своего пользовательского кода Highcharts, который в настоящее время находится внутри events.load, в расширение Highcharts , чтобы оно было более модульным и чистым.

Вот Скрипка того, что у меня есть сейчас.

Как вы можете заметить из кода, я изменяю некоторые свойства меток значений после полной визуализации диаграммы, вызывая chart.events.load.

Итак, насколько я понимаю, использование H.wrap позволило бы мне переопределить существующую функцию-прототип и позволить добавить код до или после нее.

И вот тут я в некотором замешательстве:

1. Должен ли я выполнить процедуру скрытия метки значения в существующем прототипе?

2. Как я могу преобразовать код chart.events.load в расширение, которое (также) вызывается после загрузки диаграммы?

Я думаю, что могу использовать

H.wrap(H.Chart.prototype, 'onload', function (p) { ... }

Но я не совсем уверен

Answer 1

Я бы не использовал wrapp, если бы мне не пришлось, например, когда мне нужно было бы контролировать, когда вызывается упакованная функция.

Другие способы:

1. Добавить функцию в качестве обратного вызова к Chart.prototype

   Highcharts.Chart.prototype.callbacks.push(function (chart) {
     console.log('callback')
   })
   

2. Добавить load событие диаграммы

   Highcharts.addEvent(Highcharts.Chart, 'load', function () {
     console.log('load event')
   })
   

живой пример:http://jsfiddle.net/kyfbwjke/

Answer 2

Следующее:

H.wrap(H.Chart.prototype, 'onload', function (p) { ... }

То же, что charts.events.load