Производительность nvd3 для большого количества данных

Question

У меня есть приложение, в котором я должен нарисовать много маленьких диаграмм nvd3 внутри таблицы jqgrid в моем угловом приложении. Я компилирую диаграммы с компиляцией. Тем не менее, я замечаю, что производительность растет медленнее по мере увеличения количества данных (для рисования 1 маленькой диаграммы требуется довольно быстро, но ждать, пока все это займет очень много времени)

Я заметил, что это известная проблема, основанная на этом post, поскольку это DOM-манипуляция. Я попробовал несколько трюков, например, скомпилировать диаграммы и т. Д., Но он все еще чувствует себя так медленно. Известно ли обходное решение этой проблемы?

Answer 1

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

Проблема заключается в следующем: Я сделал каждую диаграмму nvd3 как маленький многоразовый компонент как угловую директиву, и в результате мне нужно вызвать $ compile, когда я рисую его внутри jqgrid.

$ compile на самом деле не самый быстрый способ, поэтому удаление $ compile call и использование <svg></svg> непосредственно в jqgrid решает мою проблему.

Итак, если у вас есть проблема с производительностью, и вы вызываете $ compile, возможно, первое, что нужно сделать, это удалить этот вызов компиляции $. Я довольно новичок в Angular, поэтому надеюсь, что это поможет другим, которые имеют такую ​​же проблему.