Данные echartsZoom странные артефакты ⇐ Javascript

[Anonymous]

Я работаю над пользовательской электронной диаграммой.
Ось X — это временная шкала, и каждый элемент категории имеет 2 значения X, начало и конец.
Проблема, с которой я сталкиваюсь, заключается в том, что когда я пытаюсь использовать ползунок dataZoom, я получаю странные искажения.

Некоторые элементы перемещаются, некоторые неподвижны.
Работа MRE на codepen:

https://codepen.io/Michael-Weiss-the-st ... en/Ggqxjav

Код: Выделить всё

  dataZoom: [
{
type: "slider",
filterMode: "none"
//filterMode: "filter",
}
]

Если я устанавливаю filterMode: filter, у меня нет проблемы.

Но когда я это делаю, любой элемент, вторая позиция x которого находится за правой частью диаграммы, исчезает.

Поэтому мне приходится использовать filterMode: none
Он делает то же самое в dataZoom «слайдер» и «внутри»
Я пробовал:

обновление до последней версии echarts 6.0.0

рендеринг: холст и svg

отсортировка данных по категории x

анимация: false,

realtime: false,
Возможно, у меня нет данных в правильном формате.
Каждый элемент имеет:

2 значения 'x', начало и конец

категория

и другие разные данные
Я не могу найти много информации о настройке этого типа диаграммы....
Поэтому мой вопрос: что я делаю неправильно? Может ли кто-нибудь указать мне правильное направление?

Подробнее здесь: https://stackoverflow.com/questions/798 ... -artifacts