Основная функция блока:
Наглядное отображение и структурирование данных на сайте. Этот блок очень полезен для представления статистики, результатов опросов или любой другой информации, которой вы хотите поделиться на сайте.
Наглядное отображение и структурирование данных на сайте. Этот блок очень полезен для представления статистики, результатов опросов или любой другой информации, которой вы хотите поделиться на сайте.
Пример блока:
Пицца
Роллы
Бургеры
Как это работает:
Название, значение и цвет каждого элемента (сектора/столбца/строки) редактируются в списке "Данные диаграммы". Всего в диаграмме может быть до 15 элементов.
Название, значение и цвет каждого элемента (сектора/столбца/строки) редактируются в списке "Данные диаграммы". Всего в диаграмме может быть до 15 элементов.
дизайн-текст
Пример диаграмм с 15-ю элементами:
12
23
60
54
48
14
74
60
40
45
80
72
15
25
15
Типы диаграмм:
Вам на выбор доступны 4 типа диаграмм:
• круговая
• кольцевая
• линейчатая
• столбчатая
Вам на выбор доступны 4 типа диаграмм:
• круговая
• кольцевая
• линейчатая
• столбчатая
Примеры диаграмм:
круговая
кольцевая
33
14
92
линейчатая
33
14
92
столбчатая
Регулировка размеров: столбчатая и линейчатая диаграммы.
У столбчатой и линейчатой диаграмм можно настроить ширину и высоту самого блока,
что повлияет и на размеры столбцов/линий внутри.
У столбчатой и линейчатой диаграмм можно настроить ширину и высоту самого блока,
что повлияет и на размеры столбцов/линий внутри.
💡 Совет: Не забудьте поменять размеры подписей в настройках после уменьшения блока.
Примеры диаграмм:
33
14
92
33
14
92
Пицца
Роллы
Бургеры
Примеры диаграмм после уменьшения высоты:
33
14
92
33
14
92
Пицца
Роллы
Бургеры
Регулировка размеров: круговая и кольцевая диаграммы.
У круговой и кольцевой диаграмм настраивается только размер самого круга
+ у кольцевой можно задать толщину.
У круговой и кольцевой диаграмм настраивается только размер самого круга
+ у кольцевой можно задать толщину.
Размер внутреннего круга — настройка, отвечающая за толщину кольца.
Примеры кольцевой диаграммы:
до уменьшения толщины
после уменьшения толщины
Подписи: круговая и кольцевая диаграммы.
У подписей можно выбрать стиль и цвет текста, настроить положение и стиль индикатора (квадрат или круг) и задать их отступ от диаграммы. Плюс ко всему, можно показать значения (числа из "Данных диаграммы") прямо внутри секторов.
При клике на сектор диаграммы показывается подробная информация, поэтому при желании подписи можно скрыть.
У подписей можно выбрать стиль и цвет текста, настроить положение и стиль индикатора (квадрат или круг) и задать их отступ от диаграммы. Плюс ко всему, можно показать значения (числа из "Данных диаграммы") прямо внутри секторов.
При клике на сектор диаграммы показывается подробная информация, поэтому при желании подписи можно скрыть.
💡 Совет: Чтобы сделать подписи диаграммы поближе друг к другу — уменьшите межстрочный интервал.
Пример диаграммы с подписями
Пицца
Роллы
Бургеры
↑ нажмите на любой из секторов диаграммы,
чтобы увидеть подробную информацию.
чтобы увидеть подробную информацию.
Пример диаграммы с подписями снизу:
Пицца
Роллы
Бургеры
Пример диаграммы со значениями внутри секторов:
Пицца
Роллы
Бургеры
Подписи: столбчатая и линейная диаграммы.
У столбчатой и линейной диаграммы подписи могут отображаться в двух вариантах:
•подписи — показываются рядом со столбцами
•легенды — показываются вместе с индикаторами рядом с диаграммой
А значения могут быть как внутри, так и снаружи.
У столбчатой и линейной диаграммы подписи могут отображаться в двух вариантах:
•подписи — показываются рядом со столбцами
•легенды — показываются вместе с индикаторами рядом с диаграммой
А значения могут быть как внутри, так и снаружи.
Пример столбчатой диаграммы с подписями:
33
14
92
Пицца
Роллы
Бургеры
Пример линейной диаграммы с легендами:
33
14
92
Пицца
Роллы
Бургеры
Пример линейной диаграммы с легендами и значениями:
33
45
92
Пицца
Роллы
Бургеры
Шкала и фон:
У столбчатой и линейной диаграммы можно настроить цвет фона и дизайн шкалы: масштаб, цвета, тип линий, шрифт. При желании и шкалу и фон можно скрыть.
У столбчатой и линейной диаграммы можно настроить цвет фона и дизайн шкалы: масштаб, цвета, тип линий, шрифт. При желании и шкалу и фон можно скрыть.
Пример диаграммы с изменённой шкалой и фоном:
33
14
92
Пицца
Роллы
Бургеры
Пример диаграммы с без шкалы и фона:
33
45
92
Пицца
Роллы
Бургеры
3D эффект диаграммы:
Чтобы круговая диаграмма выглядела интереснее, вы можете включить
для неё 3d-эффект в настройках.
Чтобы круговая диаграмма выглядела интереснее, вы можете включить
для неё 3d-эффект в настройках.
Пример обычной круговой диаграммы:
Пицца
Роллы
Бургеры
Паста
Десерты
Пример диаграммы с 3D эффектом:
Пицца
Роллы
Бургеры
Паста
Десерты