Directual
Menu

No-code диаграммы для ваших no-code дашбордов

4 августа 2023 г.

Посмотрите, что можно сделать без кода с нашим новым плагином, который вы найдете на маркетплейсе Directual! Круговые диаграммы, линейные графики, столбчатые диаграммы — теперь всё это часть платформы.

No-code диаграммы для ваших no-code дашбордов

Для любого no-code бизнеса, работающего с большими объемами данных, очевидно, что их нужно правильно визуализировать. Иначе какой смысл во всех этих ценных данных, если разбираться в них приходится с помощью нелепых круговых диаграмм из Excel?

Эта короткая статья объяснит, как легко использовать плагин Graphs (теперь доступный на маркетплейсе Directual) и вдохнуть жизнь в ваши информативные дашборды.

Линейный график / График с областями

Хлеб с маслом графической индустрии. Вот что вы можете ожидать от линейных графиков и графиков с областями в Directual:

  • Фильтрация по типу данных с переключателем включения/выключения
  • Пагинация
  • Кисть по оси X

Кроме того, вы можете отображать легенду, а также сетку и подсказки (тултипы).

Лучшая же часть в том, что вы можете изменять масштаб осей X и Y.

Например, если в вашем наборе данных есть неравные временные периоды, график может адаптироваться к этому и точно отображать эти периоды. В этом случае вам нужно выбрать «time» в настройках масштаба. Также вы можете выбрать, соединять точки данных на графике прямой линией, кривой линией или ступенями.

Линии графика, конечно, полностью настраиваемые. Каждую из них можно вручную скорректировать — для этого есть специальные поля конфигурации. Либо же можно автоматически выбрать столько линий, сколько существует вариаций данных для отображения.

Настройки компонента диаграммы

Столбчатая диаграмма

Еще один вечный элемент любого дашборда.

Вы можете складывать данные в один столбец. Фильтрация, пагинация и маркеры точек данных также будут доступны для этого типа графика.

Настройки составных столбчатых диаграмм

Если ваш набор данных довольно сложный, но столбчатая диаграмма — это все, что вам нужно, вы также можете создавать графики с двумя осями. Как насчет вертикальных столбчатых диаграмм? Не с одной, а с двумя осями? Проще простого — убедитесь сами:

Настройки биаксиальной вертикальной диаграммы

Точечная диаграмма (Scatter chart)

Если вам нужны довольно сложные диаграммы данных, требующие визуализации взаимосвязи между двумя переменными, у нас есть и это. Разместите свои точки данных на диаграмме и наблюдайте, как взаимосвязь между ними обозначается через их размер.

Настройки точечной диаграммы

Круговые диаграммы

Здесь можно и пирог съесть, и себе оставить. Этот тип диаграммы включает два ключевых варианта, которые вам понравятся:

  • Вы можете взять данные из одного объекта, и разные поля будут соответствовать разным сегментам диаграммы
  • Вы можете взять данные из определенного количества объектов и определенного количества сегментов.

И, разумеется, эту диаграмму также можно тщательно настроить. Настройте размер радиуса, определите, нужна ли вам половина круга или весь круг, а также отображение легенды, меток и процентов.

Динамические сегменты (слева) и фиксированные сегменты из первого объекта (справа)

Если вы, как и мы, любите прозрачные опросы, вы можете создавать сложные динамические фильтры и использовать сокеты для обновления диаграммы!

Небольшая закулисная информация для вас: вот как результаты нашего опроса новых пользователей отображаются внутри платформы:

Дашборд Directual

Послесловие

То, что вы видите сейчас — это только начало плагина Graphs. Вы просили об этом с незапамятных времен, и мы намерены продолжать двигаться вперед. Если есть что-то, что вы очень хотите увидеть, просто дайте нам знать — напишите на hello@directual.com или загляните в одно из наших сообществ (ссылки в подвале ниже).

Павел Ершов
Сооснователь и генеральный директор Directual
← Назад к списку