Метка: highstock

  • Highcharts. Ajax-загрузка сообщения в tooltip.

    Часто в tooltip нужно загрузить больше информации, чем мы передаем непосредственно в диаграмму. Или же загрузить дополнительные или обработанные данные. Вариантов — множество. Рассмотрим пример ajax-вызова при отображении tooltip в Highchart\Highstock. Для изменения внешнего вида стандартного tooltip предусмотрен параметр formatter: ….. tooltip: { formatter: function() { return ‘Текст, который переопределит стандартный tooltip.’ ; }, …… […]

  • Highcharts. Как получить объект с DOM-контейнера?

    Highcharts предоставляет очень широкие возможности воздействия на диаграмму после её инициализации. Но для этого нужно получить объект диаграммы. Как это сделать — в этой статье. Highcharts 3.0.1 var chart=$(«#container»).highcharts(); Highcharts 2.3.4 var index=$(«#container»).data(‘highchartsChart’); var chart=Highcharts.charts[index]; Все, как видите, достаточно просто и очевидно.

  • Highstock. Как сделать несколько Y-осей?

    Highcharts, равно, как и Highstock, по моему личному мнению — лучшие вариант для оформления графического представления данных. Сейчас приведу пример, как сделать несколько осей Y, при этом разнести их в разные стороны. Ниже приведен код, демонстрирующий наглядный пример использования нескольких осей. Сперва создаются серии — обратите внимание на параметр yAxis — в нем хранится индекс […]

  • HighStock. HighCharts. Промежутки времени по оси X.

    При построении графиков, в случае вывода по оси X временной метки, может случиться ситуация, когда интуитивный интервал между датами не отображается на графике, вводя тем самым в заблуждение. На языке Highcharts данную проблему называют Irregular data. : ) На самом деле, решение проблемы зайдем всего лишь одну строку и гарантировано решит Вашу проблему. xAxis: { […]