Наведите на график — подсказки как на сайте
Данные
Заполнение
%
Число в центре
Подпись в центре
У полукруга прогресса — подпись остатка: «Remaining: $7,600».
Цвета и вид
Акцент
Подложка
Неактивные столбцы, дорожки шкал и колец.
Число в центре
Подпись в центре
Толщина дуги
Разрыв
%
Скорость анимации
%
Анимация запускается, когда график появляется в экране.
Карточка
Заголовок
Подзаголовок
Размер заголовка
px
Цвет заголовка
Шрифт заголовка
▼
Шрифт графика
▼
Inter подключается с Google Fonts.
Заголовок
▼
Отступ под заголовком
px
Легенда
Цвет пунктов легенды
Цвет значений легенды
И обводка точки «С обводкой».
Где легенда
▼
Карточка-подложка
Цвет карточки
Скругление карточки
px
Отступы внутри
px
Блок
Где показывать
▼
«Отдельный блок» — код в блоке T123, карточка своей ширины и высоты. «По классу» — график заполняет элемент Zero Block с этим классом (например, фигуру нужного размера).
Ширина карточки
px
0 — во всю ширину блока.
Высота
px
В коде вставки блок занимает всю высоту контейнера (100 %) — например, элемента в Zero Block. Это число — запасная высота: она сработает, если у контейнера своей высоты нет (обычный блок T123).
Выравнивание
▼
Прозрачный фон блока
Фон блока
На Тильде: блок T123 или «HTML-элемент» в Zero-блоке → вставить код → опубликовать страницу.