Echarts пользовательские серии действительно гибкие и удобные.
Но, к сожалению, производительность действительно низкая (по сравнению с «родной» серией).
например. Вот пример jsfiddle , который рисует 5 пользовательских серий (всего 500 точек каждая).
Чтобы протестировать больше данных, вы можете просто настроить переменные в верхней части кода jsfiddle:
/**
* the number of data-samples
*/
var dataCount = 2000;
/**
* we create one custom series for each item in the csColors array
*/
var csColors = [
'#FF9800', '#9C27B0', '#512DA8', '#4CAF50', '#448AFF'
// , '#d32f2f', '#F1C40F', '#8bc6ff', '#00bc91', '#992f1c'
];
Даже с этими небольшими данными масштабирование (с помощью колесика мыши) или с помощью кисти уже очень медленное.
Для нашего приложения нам понадобится до 10 диаграмм с ~ 5 сериями и 1 тыс. Выборок данных в каждой. И с таким количеством примеров пользовательские серии просто не могут быть использованы, потому что рендеринг занимает слишком много времени.
- Есть идеи, как мы могли бы улучшить производительность?
- например. когда мы используем кисть, кажется, что почти каждое движение мыши перерисовывает всю серию: я думаю, это может быть связано с настройками выделения : есть ли способ деактивировать это?
- Или, может быть, есть другой способ получить быстрые пользовательские серии (т.е. непосредственно нарисовать на холсте, ..)?