График Bric привносит мощь библиотеки Javascript с открытым исходным кодом диаграммы.js в Blocs. При поддержке бар, линия, пирог, пончик, полярный и радар типы диаграмм, это Bric могут использоваться самыми разными способами для отображения широкого спектра данных на вашем веб-сайте.
График Bric не идет в комплекте с Blocs приложение и может быть приобретено отдельно здесь.
Требования
График Bric требуется как минимум MacOS 12 (Mojave) и будет работать с обоими Blocs 4 и 5.
Как установить
Все дополнения можно установить в Blocs с помощью менеджера расширений. Если вы не знакомы с установкой надстроек, вы можете следовать этого руководства.
Внешний вид
Элементы управления внешним видом используются для настройки внешнего вида диаграммы.
Стиль
Раскрывающийся список стилей можно использовать для выбора визуального стиля диаграммы. Вы можете выбрать из бара, линии, круговой диаграммы, пончика, полярной области, радара.
Планировка
Элемент управления макетом доступен только для стилей гистограммы и линейной диаграммы. Этот раскрывающийся список можно использовать для установки вертикального (по умолчанию) или горизонтального макета диаграммы. Этот элемент управления скрыт, если выбран любой другой стиль диаграммы.
Цвет фона
Этот цветовой колодец можно использовать для установки цвета фона диаграммы.
Цвет текста
Этот цветной колодец можно использовать для установки цвета текста диаграммы.
Цвет границы
Этот цветовой колодец можно использовать для установки цвета границы диаграммы.
Цвет сетки
Этот цветовой колодец можно использовать для установки цвета сетки диаграммы.
Легенда
Элементы управления легендой используются для установки характеристик легенды диаграммы.
Позиция
Этот раскрывающийся список используется для установки положения легенды. Его можно установить вверху, внизу, слева или справа.
Показать легенду
Этот флажок используется для переключения видимости легенды диаграммы.
Данные
Элементы управления данными используются для установки данных, которые заполняются в диаграмме. В зависимости от стиля диаграммы, которую вы создаете, в одну диаграмму можно заносить как единичные, так и множественные наборы данных.
Этикетки
Это поле ввода текста используется для установки массива меток, который используется для заполнения содержимым оси X или Y диаграммы. Это значение должно состоять из того же количества элементов, что и поле «Значения». Каждое значение должно быть разделено запятой.
Этикетка с короткими кодами
Blocs поддерживает быстрое создание массивов меток для распространенных типов данных, таких как месяцы или год. Следующие короткие коды можно использовать в поле «Ярлыки» для быстрого создания соответствующих данных меток, например, если ввести *q1 в поле «Ярлыки», автоматически будут созданы январь, февраль, март.
*месяцы = янв, февраль, март, апрель, май, июнь, июль, август, сен, октябрь, ноябрь, декабрь
*q1 = январь, февраль, март
*q2 = апрель, май, июнь
*q3 = июль, август, сентябрь
*q4 = октябрь, ноябрь, декабрь
*социальные сети = Facebook, Instagram, LinkedIn, Reddit, SnapChat, TikTok, Twitter, Youtube
* крипто = Биткойн, Ethereum, Tether, XRP, Cardano, Dodgecoin, Solona, Shib, Litecoin, Stellar
*Европа = список европейских стран
*состояния = список американских штатов
Наборы данных
Этот раскрывающийся список можно использовать для выбора набора данных, что позволяет редактировать применяемые к нему значения и цвета. Эта опция также позволяет добавлять и удалять дополнительные наборы данных.
этикетка
Это текстовое поле можно использовать для установки метки, используемой в легенде для текущего набора данных.
Наши ценности
Это поле ввода текста используется для установки массива значений для текущего набора данных, используемого для заполнения содержимого диаграммы. Этот массив значений должен состоять из того же количества элементов, что и поле Labels. Каждое значение должно быть разделено запятой.
Цвет заливки
Эта цветовая ячейка может использоваться для установки цвета заливки набора данных. Этот параметр доступен только для столбчатых, линейных и радарных диаграмм.
Цвет границы
Этот цветовой колодец можно использовать для установки цвета границы набора данных. Этот параметр доступен только для столбчатых, линейных и радарных диаграмм.
Цвета сегментов
Это поле ввода текста используется для установки массива значений цвета для текущего набора данных, используемого для заполнения содержимого диаграммы. Этот массив значений должен состоять из того же количества элементов, что и поле Labels. Каждое значение должно быть разделено запятой. Вы можете использовать цветовые значения HEX или RGBA. Этот параметр доступен только для стилей круговой, кольцевой и полярной диаграммы.
Вы можете узнать больше о цветовых значениях HEX и RGBA. здесь.
Масштаб X
Элементы управления «Масштаб X» используются для настройки внешнего вида оси X диаграммы.
этикетка
Это поле ввода текста можно использовать для установки метки оси X диаграммы.
Показать масштаб
Этот флажок используется для переключения видимости деталей оси X диаграммы.
Масштаб Y
Элементы управления «Масштаб Y» используются для настройки внешнего вида оси Y диаграммы.
этикетка
Это поле ввода текста можно использовать для установки метки оси Y диаграммы.
Минимальное значение
Это поле ввода текста можно использовать для установки предпочтительного минимального значения оси Y диаграммы. Это значение должно быть числовым и может быть как положительным (100), так и отрицательным (-100).
Максимальное значение
Это поле ввода текста можно использовать для установки предпочтительного максимального значения для оси Y диаграммы. Это значение должно быть числовым и может быть как положительным (100), так и отрицательным (-100).
Размер шага
Это поле ввода текста можно использовать для установки числового шага оси Y графика. Изменение этого значения повлияет на числа, которые идут по оси Y. Значение шага по умолчанию равно 20, это означает, что на диаграмме будет отображаться шаг по оси Y с шагом 20, например, 20, 40, 60, 80. Если это значение изменить на 10, будет отображаться двойное количество шагов, перечисляющих их 10, 20, 30, 40, 50, 60, 70, 80. Это значение должно быть числовым.
Показать масштаб
Этот флажок используется для переключения видимости оси Y диаграммы.
Анимация
Элементы управления анимацией можно использовать для настройки анимации диаграммы при ее предварительном просмотре на активном веб-сайте.
Анимацию диаграммы можно просматривать только в режиме предварительного просмотра или при экспорте/публикации и загрузке сайта через веб-браузер.
задержка
Это поле ввода текста используется для настройки задержки анимации графика. Значение должно быть числовым и измеряться в миллисекундах, например, 1000 = 1 секунда.
Длительность
Это поле ввода текста используется для настройки продолжительности анимации диаграммы. Значение должно быть числовым и измеряться в миллисекундах, например, 1000 = 1 секунде. Если вам не требуется анимация на графике, установите это значение равным 0.