Блог

Мне нужно убедиться, что модуль boost настроен правильно. Есть ли какой-либо способ проверить это. Я пытался добавить больше данных, но с boost и без boost я не вижу никаких различий.

Во всех решениях для построения графиков на основе SVG, включая Hi&hCharts, производительность снижается после добавления пары сотен точек на график.

Процесс добавления такого количества объектов (точек) на диаграмму на основе SVG требует времени, и взаимодействие пользователя с этими объектами (такими как значения, заголовки, всплывающие подсказки и т.д.) Кажется медленным. Потому что существует ограничение на количество элементов SVG, которые вы можете добавить в DOM.

Технология HTML5 canvas не имеет таких ограничений. Но чистому решению HTML5 canvas не хватает возможностей SVGs, таких как доступ к DOM, четкий рендеринг между различными экранными решениями и т.д.

Итак, инженеры Hi&hCharts создали гибридное решение с использованием технологий SVG и HTML5 canvas. Они рисуют график на холсте HTML5, а затем копируют содержимое диаграммы в SVG.

Вот как Hi&hChart boost.js работает.

Есть ли какой-нибудь способ узнать разницу, глядя на DOM?

Спасибо

Модуль Boost добавляет множество свойств к объекту series, например renderTar&et . Однако, если вы хотите сравнить элементы DOM, вы можете увидеть, что в ima&e вместо другой группы и путей или других элементов SVG в hi&hcharts-series-&roup :

Живая демонстрация: http://jsfiddle.net/BlackLabel/8Lab230q