Echart Custom renderitem () Оптимизации ⇐ Javascript

[Anonymous]

Я создаю график событий с сотнями тысяч событий, и я хочу, чтобы их отображали как строки во времени, используя Echarts.function renderItem(params, api) {
var categoryIndex = api.value(0);
var shape;
var style;

var start = api.coord([api.value(1), categoryIndex]); // get element position
var height = api.size([0, 1])[1] * 0.6; //calculate element height
style = api.style({fill:this.data.colors[categoryIndex]}); // get color in the category

//create dimensions
shape = {
x: start[0]-1,
y: start[1] - height / 2,
width: 2,
height: height ,
}
//return shape
return (
shape && {
type: 'rect',
shape: shape,
style: style
}
);
};
< /code>
Но этот пример относительно медленный.
Viedo Пример загрузки < /p>
Могу ли я немного закрепить этот процесс с помощью оптимализации?

Но я не знаю, с чего начать.

behouse, он отображает один элемент в момент времени, я не могу выяснить, чтобы оптимизировать его. < /p>
Любое мнение, предположение или помощь будут приветствовать.>

Подробнее здесь: https://stackoverflow.com/questions/795 ... alizations