Доработка страницы дашбордов
http://keenthemes.com/preview/metronic/theme/admin...
c вставленными в нее графиками https://www.highcharts.com/ и все было ничего
а потом началось:
0) мы уменьшили ширину графиков так, что бы их влезало 3 в ряд
1) Необходимо вставить миниграфик состоящий из
- название (опционально)
- цифовой показатель + название
- второй цифовой показатель + название (опционально)
- отобращение отношения показателей (хорошо сделано в метронике) (опционально)
родной компонент нам использовать не удалось, так как он немного отличается по структуре
+ надо ужать текущий (см. пример) так, что бы два миниграфика с отступом между ними по ширине совпадали с обычным графиком
2) Необходимо организовать несколько дашбордов на одной странице
- лично я за табы
- мои коллеги за компонент с выпадающим списком (Dropdown)
http://keenthemes.com/preview/metronic/theme/admin...
кроме этого еще неплохо - кнопка создания нового таба/элемента списка
3) быстрый выбор даты и фильтров
- потребность выбирать интервал дат + отображение какие даты выбраны (либо 2 input либо 2 текстовые поля + иконка) (лично мне еще нравится дополнительные контролы как элемент дизайна - ссылки быстного выбора текущий месяц/прошлый месяц/квартал - опционально) - по умолчанию не активно, так как у каждого графика свои даты
- потребность выбирать перечень фильтров (кнопка/ссылка/дропдаун которая разворачивает список с возможными фильтрами)
- отображение выбранных фильтров (по наведению? где-то?)
- кнопка это все применить
- кнопка это все отменить
4) кнопка добавления нового графика на дашборд (возможно в виде плейсхолдера нового графика)
5) кнопка активизирующая перетягивание графиков на дашборде
Пример
i.stack.imgur.com/Uq7UZ.jpg - хорошие миниграфики, не навязчивый выбор дат
mimer.io/wp-content/uploads/2017/02/Dashboard.png