Как в chart.js определить, какая из двух диаграмм больше?
Есть две диаграммы, типа "bar" . Нужно определить, где синяя диаграмма больше розовой, и там, где она больше - изменить ей цвет. Capacity - это количество мест, а Session registration - количество участников, занявших место.
Нужно найти, где количество участников больше, чем мест и отметить этот столбец.
Подскажите пожалуйста, как это можно реализовать?
Никак.
Это надо делать на уровне входных данных перед передачей их в chart.
Пишешь функцию, которая анализирует данные и формируешь две Series, для разных цветов отдельно.
Больше никак.
Графики не рассчитаны на такие экзотические случаи.
Как при этом должна выглядеть легенда?
Как по мне, так это вообще какая-то очень странная и сомнительная идея делать так, как вы хотите.
Смысл цветовой дифференциации графиков как раз в том и состоит, чтобы визуально разделить разные источники данных. То, что вы хотите сделать - UI/UX-преступление против пользователя
Алексей Скляров, я прошу простить меня за глупый вопрос (я новичок), но в таком случае придется ведь делать три диаграммы? Розовую, синюю, и ту, в которой элементы синей больше розовой.
Или я что-то не так понимаю?
Настя Андреева, новичОк, а не новичЕк. Это слово уже все должны были выучить.
Это как вам будет угодно.
Надо только понимать, что chart может рисовать одну серию одним цветом, а другую другим. Смешивать и анализировать каким цветом что рисовать она не умеет.
Поэтому два выхода - либо специальным образом формировать каждый набор данных, либо писать собственную библиотеку для рисования такого специфического графика.
Настя Андреева, у вас на графике, как вы можете увидеть, показаны два набора данных: Capacity и Session Registration. Вам нужно также иметь два набора данных. Если у вас данные в таком виде: [1,2],[3,4],[5,6] вам надо их разделить на два таких: [1,3,5],[2,4,6] и вывести их на диаграмме. Ваша проблема решается в данном вопросе например, можете посмотреть.
Средний
