Если данный туториал не то, что Вы искали, у Вас все еще остались вопросы или предложения - дайте нам знать. Пожалуйста, помогите нам обслуживать Вас лучше!

Ваше имя

Ваш e-mail

Ваше сообщение (обязательно)

captcha

Новые шаблоны

CherryFramework 4. Как работать с диаграммами

В этом уроке мы Вам покажем, как работать с диаграммами в шаблонах CherryFramework 4.

CherryFramework 4. Как работать с диаграммами

Charts плагин используется для того, чтобы создавать разнообразные графики и диаграммы. Его богатая коллекция диаграмм и графиков, которые подкреплены дополнительными настройками, позволяет создать диаграмму, которая полностью соответствует Вашим требованиям.

После того как плагин будет установлен и активирован, Вы увидите вкладку Диаграммы в Вашей WordPress админ панели, где Вы сможете работать с графиками и диаграммами.

Нажмите на вкладку Диаграммы -> Добавить новую диаграмму (Charts -> Add New Chart) для того, чтобы создать новую диаграмму:

cherry4_how_to_work_with_charts_1

Существует несколько видов диаграмм:

Индикатор процесса

  1. Нажмите на вкладку Диаграммы -> Добавить новую диаграмму (Charts -> Add New Chart). Назовите Вашу диаграмму, выберите тип диаграммы используя выпадающее меню Индикатор процесса (Progress bar), Выберите Тип Индикатора Процесса (Радиальная, Горизонтальная, Вертикальная) (Radial, Horizontal, Vertical):

    cherry4_how_to_work_with_charts_2

  2. Измените остальные настройки, добавьте данные диаграммы и измените стили:

    cherry4_how_to_work_with_charts_3

  3. После окончания, нажмите на кнопку Опубликовать (Publish) и скопируйте шорткод для диаграммы с секции Копировать шорткод (Shortcode to paste) и вставьте его в нужный пост или страницу.

    cherry4_how_to_work_with_charts_4

  4. Обновите страницу, чтобы увидеть изменения:

    cherry4_how_to_work_with_charts_5

Круговая диаграмма

  1. Нажмите на вкладку Диаграммы -> Добавить новую диаграмму (Charts -> Add New Chart). Назовите Вашу диаграмму, выберите тип диаграммы используя выпадающее меню Круговая диаграмма (Pie), задайте нужные размеры:

    cherry4_how_to_work_with_charts_6

  2. Добавьте данные диаграммы и измените стили.

  3. После окончания, нажмите на кнопку Опубликовать (Publish) и скопируйте шорткод для диаграммы с секции Копировать шорткод (Shortcode to paste) и вставьте его в нужный пост или страницу.

  4. Обновите страницу, чтобы увидеть изменения:

    cherry4_how_to_work_with_charts_7

Кольцевая диаграмма

  1. Нажмите на вкладку Диаграммы -> Добавить новую диаграмму (Charts -> Add New Chart). Назовите Вашу диаграмму, выберите тип диаграммы используя выпадающее меню Doughnut, задайте нужные размеры:

    cherry4_how_to_work_with_charts_8

  2. Добавьте данные диаграммы и измените стили.

  3. После окончания, нажмите на кнопку Опубликовать (Publish) и скопируйте шорткод для диаграммы с секции Копировать шорткод (Shortcode to paste) и вставьте его в нужный пост или страницу.

  4. Обновите страницу, чтобы увидеть изменения:

    cherry4_how_to_work_with_charts_9

Индикатор

  1. Нажмите на вкладку Диаграммы -> Добавить новую диаграмму (Charts -> Add New Chart). Назовите Вашу диаграмму, выберите тип диаграммы используя выпадающее меню Индикатор (Bar), задайте нужные размеры:

    cherry4_how_to_work_with_charts_10

  2. Добавьте данные диаграммы и измените стили.

    cherry4_how_to_work_with_charts_11

  3. После окончания, нажмите на кнопку Опубликовать (Publish) и скопируйте шорткод для диаграммы с секции Копировать шорткод (Shortcode to paste) и вставьте его в нужный пост или страницу.

  4. Обновите страницу, чтобы увидеть изменения:

    cherry4_how_to_work_with_charts_12

Если Вы захотите изменить уже существующую диаграмму, перейдите на вкладку Диаграммы -> Все диаграммы (Charts -> All charts). Сделайте нужные изменения и нажмите на кнопку Обновить (Update).

Вы также можете ознакомиться с детальным видео-туториалом ниже:

CherryFramework 4. Как работать с диаграммами

 
Чат
We help you to choose the right product.
Начать чат