Chart demo application about mam_mol

[nin-jin]

[nin-jin]

[nin-jin]

[ksusharimm]

Таблица для легенды. Всё же остановилась на варианте сокращения названия показателя до двух строк. При наведении курсора показывается остальной текст. На мобильной платформе показывается текст при тапе на строку. Такой вариант выбрала для того, чтобы легенда не растягивалась на бесконечность при большом количестве показателей, в том числе с длинными предложениями. Соответственно, чтобы пользователю было легче сканировать необходимую информацию – цифры показателей.

[ksusharimm]

График с заштриховкой области. Проверила при двадцати показателях, борщ не должен получиться.

[ksusharimm]

График с пунктирной линией.

[nin-jin]

При выделении у столбиков появляется обводка по центру, цвет 131C38, толщина 2, пунктирная, округлая, длина линий 8 px для разрешения 1366x768, промежутки между линиями длиной в 6 px. Если выделена линия, а не столбик, то же самое – пунктир с длиной в 8px и промежутками в 6 px, цвет 131C38, толщина такая же как у линии. Таким образом, в промежутках должен быть виден цвет линии. Пример скидываю. Такой цвет выбран потому, что он гораздо темнее любого из цветов графиков, и этот цвет будет использоваться как дополнительный к акцентному (он будет фоном для шапки или боковой панели).
Можно ли анимировать пунктирное выделение чтобы оно двигалось по кругу? Так среди множества элементов графика выделенный элемент не потеряется.

[ksusharimm]

Цветовая схема для графиков будет строиться следующим образом:
Каждый последующий цвет выбирается на цветовом круге как контрастный по отношению к имеющимся цветам. За "нулевой" цвет берется акцентный (поставленный по умолчанию или кастомизированный пользователем), далее по порядку контрастные по указанной схеме. Эта схема работает только для цветового тона. Для того, чтобы выбранные таким образом цвета сочетались, каждый последующий цвет также варьируется по насыщенности между 40% и 50% и по яркости между 55% и 85%.

При наведении курсора на цветной кликабельный элемент графика, его яркость понижается на 20%.

[nin-jin]

Что реализовано:

• столбчатые и линейные графики
• линейные с пунктирной штриховкой
• легенда табличного вида
• подписи к осям
• адаптивная раскладка в широком диапазоне значений
• при клике случайный показатель меняет свои значения

Что не реализовано:

• легенда для разных типов штриховок
• подписи с единицами измерения
• выделение графиков

[nin-jin]

Графики приняты, можно показывать.