У меня есть данные с перекрывающимися датами, которые я хочу визуализировать в виде диаграммы с накоплением.Итак, представьте себе ось х с 7 днями и тремя сериями со следующими данными:
[5, 3, 3, undefined, undefined, undefined, undefined],
[undefined, 2, 4, 2, 2, undefined, undefined],
[undefined, undefined, undefined, undefined, 3, 3, 5],
Числа указывают на прогресс, достигнутый в различных проектах, и у каждого из них короткий срок службы, поэтому обычно первое число - этоДата начала проекта.То есть в первый день был активен только первый проект.
Однако при наведении курсора на любую точку на графике отображаются ВСЕ проекты, как завершенные, так и еще не начатые, с прогрессом «0».В этом небольшом примере это не имеет большого значения, но если я увеличу временной интервал до месяца или года, он будет довольно многолюдным.
Далее все 0 проектов по-прежнему строятся, оставляя уродливую зубчатую линиюв верхней части графика.Обратите внимание на крайнюю правую строку: она содержит информацию о том, что по проекту, который начался 19 января, не было достигнуто никакого прогресса.
Я думаю, что хочуделать ничего не график, где значение 0 / неопределено.Это возможно?Возможно, есть лучший способ визуализации данных такого типа?
Вот пример:
JsFiddle 1
Обновление:
Установка hoverinfo в 'text' и hovertext в массив решает проблему с маркировкой.Если hovertext - строка, она будет появляться в каждой точке, если это массив, первый элемент будет отображаться только на первом узле и т. Д.
См. Здесь: JsFiddle 2