Холст VS SVG для более чем 600 линейных диаграмм на одной странице

Буду признателен за любую помощь экспертов.Холст VS SVG для более чем 600 линейных диаграмм на одной странице

Я пытаюсь создать единую страницу с общей таблицей (25 на 25) 625 ячеек. Каждая ячейка таблицы должна содержать простую линейную диаграмму с 120 точками данных.

Каждая линейная диаграмма должна иметь возможность увеличения/уменьшения масштаба и панорамирования.

Производительность - ключевой вопрос. Какую технологию я должен использовать? 625 Элементы холста или SVG?

Любые мысли приветствуются.

источник

2013-12-04 user1356658

Единственный холст должен преуспеть ... – K3N

В зависимости от разрешения каждого графика и если вам нужно разместить разные устройства, вы можете проверить [сжатие временных рядов для генерации адаптивных диаграмм] (http: // dx .doi.org/10.1109/CCECE.2013.6567840) для некоторых идей по сжатию. Копия этой статьи размещена [Университет Британской Колумбии] (https://people.ok.ubc.ca/rlawrenc/research/Papers/functioncompress.pdf) –

@Ken, проблема в каждой ячейке таблицы Чтобы быть интерактивными, их нужно выбрать. Мне нужно иметь отдельные элементы для каждой линейной диаграммы. – user1356658

Если вам нужно только масштабировать и панорамировать диаграммы каждой таблицы, холст может иметь лучшую производительность. Если вы используете SVG, вы можете использовать генератор d3.svg.axis, если вы используете холст, вам может понадобиться написать свой собственный. С помощью SVG вы также можете изменять строки после их создания или даже настраивать их с помощью CSS.Canvas не всегда быстрее SVG, это зависит от приложения и целевой платформы. Быстрое доказательство концепции может помочь вам решить.

источник

2013-12-04 18:02:50

Холст VS SVG для более чем 600 линейных диаграмм на одной странице

ответ

Смежные вопросы