Как в chart.js определить, какая из двух диаграмм больше?

Question

[Андрей Алексеевич]

Есть две диаграммы, типа "bar" . Нужно определить, где синяя диаграмма больше розовой, и там, где она больше - изменить ей цвет. Capacity - это количество мест, а Session registration - количество участников, занявших место.
Нужно найти, где количество участников больше, чем мест и отметить этот столбец.
Подскажите пожалуйста, как это можно реализовать?

Answer 1

[Developer]

Никак.
Это надо делать на уровне входных данных перед передачей их в chart.
Пишешь функцию, которая анализирует данные и формируешь две Series, для разных цветов отдельно.
Больше никак.
Графики не рассчитаны на такие экзотические случаи.
Как при этом должна выглядеть легенда?
Как по мне, так это вообще какая-то очень странная и сомнительная идея делать так, как вы хотите.
Смысл цветовой дифференциации графиков как раз в том и состоит, чтобы визуально разделить разные источники данных. То, что вы хотите сделать - UI/UX-преступление против пользователя

Comments

[Андрей Алексеевич]

То есть надо еще до chart сравнить два массива данных, и полученный результат ввести в новую диаграмму с определенным цветом?

[Алексей Скляров]

Настя Андреева, да, вы должны строить свои бары по двум наборам данных

[Андрей Алексеевич]

Алексей Скляров, я прошу простить меня за глупый вопрос (я новичок), но в таком случае придется ведь делать три диаграммы? Розовую, синюю, и ту, в которой элементы синей больше розовой.
Или я что-то не так понимаю?

[Developer]

Настя Андреева, новичОк, а не новичЕк. Это слово уже все должны были выучить.
Это как вам будет угодно.
Надо только понимать, что chart может рисовать одну серию одним цветом, а другую другим. Смешивать и анализировать каким цветом что рисовать она не умеет.
Поэтому два выхода - либо специальным образом формировать каждый набор данных, либо писать собственную библиотеку для рисования такого специфического графика.

[Алексей Скляров]

Настя Андреева, у вас на графике, как вы можете увидеть, показаны два набора данных: Capacity и Session Registration. Вам нужно также иметь два набора данных. Если у вас данные в таком виде: [1,2],[3,4],[5,6] вам надо их разделить на два таких: [1,3,5],[2,4,6] и вывести их на диаграмме. Ваша проблема решается в данном вопросе например, можете посмотреть.