Наша платформа має декілька діаграм:
StackedColumnChart
В цій діаграмі є 3 основних поля:
x - цей йде ось Х вона йде по горизонталі, переважно в ній пишуть час
у - ось Y вертикаль, зазвичай вказується кількість даних які хочемо показати
seriesField - вказуємо ім'я кожного елементу
Дані які відображаються в діаграмі мають складатись з масиву об'єктів:
[
{
"x": "2050-03-22",
"y": 150,
"seriesField": "field 1"
},
]
Для прикладу, я створив API запит, який повертає інформацію про створених користувачів. Це в який день реєструвався новий користувач(x), до якого типу належить(seriesField), та яка кількість користувачів реєструвалась за день даного типу(y). Це є масив об'єктів.
Так само таблиця має опцію Tooltip option
. Тут вказується, що ми хочемо відображати при наведені на колонку в таблиці.
Якщо вибрано All elements
, тоді при наведені на на будь, який елемент буде показуватись інформація по всій колонці, де знаходиться елемент на який ми навели.
Якщо вибрати Current element
, тоді при наведені відображається інформація по тому елементу, на котрий навели курсор.
Для візуальної взаємодії, щоб користувач міг сам собі змінювати як він хоче бачити елементи в чарті, можемо створити віджет Select, та зробити в чарті посилання на селект.
Тепер користувач може сам вибирати, як він хоче щоб відображались дані, при наведенні на колонку.
Top comments (0)