Слайдер диапазона JS очень медленно с маркерами

Question

Я пытаюсь построить 15000 точек, используя ползунок диапазона по оси x с линиями и маркерами.Это codepen

mode: 'lines+markers'

Если режим состоит только из линий, он быстрый, но с маркерами он кажется очень медленным.Есть ли способ сделать это быстрее?Спасибо.

Answer 1

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

Итак, я реализовал решение для вашего случая.Но есть небольшое затруднение, когда я строю график, предоставив фактические данные, все, что я получаю, это одну строку маркеров, которую я проверил, и это из-за невозможности обработать такое большое количество цифр.

Чтобы справиться с этим.Нам нужно уменьшить длину числа после десятичной дроби с 16 до 9, тогда данные будут отображаться правильно.

Таким образом, число 1439856801592000.0 должно быть уменьшено до 801592000.0, тогда я получаю желаемое решение.

Пожалуйста, обратитесь к приведенному ниже кодовому блоку, который реализует scattergl, попробуйте его и дайте мне знать, если это решит вашу проблему!

Codepen Demo