#javascript #jquery #highcharts
#javascript #jquery #highcharts
Вопрос:
Недавно я работал с highchart api для отображения некоторых данных на веб-сайте, и мне нужно иметь возможность добавлять пользовательскую вертикальную «линию», чтобы символизировать что-то происходящее, например, пресс-релиз.
Я думал о добавлении элемента столбца в диаграмму в виде отдельного ряда, но это далеко не идеально.
если у кого-нибудь есть какие-либо идеи, это было бы здорово
Спасибо
Ответ №1:
Можете ли вы использовать the renderer для рисования линии?
Вот документ API для рендеринга. Посмотрите на path функцию.
Также проверьте функцию Try it for jsfiddle for path .
Комментарии:
1. привет, у меня был аналогичный запрос. проблема заключается в том, что при увеличении или уменьшении масштаба диаграммы нарисованные svg-линии не масштабируются соответствующим образом. аналогично, нарисованные линии не экспортируются. есть ли альтернативный вариант, который позаботился бы об этом, или я должен пойти на обработку этих событий вручную?
2. @AtharvaJohri есть прогресс в этом вопросе?
3. привет.. я написал свой собственный javascript для обработки масштабирования, поскольку я ничего не мог найти в API. То же самое для экспорта.
Ответ №2:
Вы также можете проверить методы addPlotLine или addPlotBand (http://api.highcharts.com/highcharts#Axis.addPlotLine и http://api.highcharts.com/highcharts#Axis.addPlotBand ).
Это может быть проще и быстрее в использовании, чем рисование пути SVG, если только ваша линия не прямая.
Комментарии:
1. Это отличный ответ и решил мою проблему, хотя, к сожалению, ссылки не работают… кто-нибудь должен сказать команде Highcharts, что наличие URL-адресов со скобками — не такая уж и горячая идея.