Наведите на график — подсказки как на сайте

Данные

Точки

Строка — точка: «подпись: значение». У двух линий — два значения через «/» (оранжевая / тёмная), у кривой второе число через «/» — для подсказки.

Линии сетки

Значения через запятую, последнее — верх шкалы. Пусто — подберутся сами.

Переключатель двух наборов

Кнопки в шапке карточки: по второй показывается второй набор точек.

Первая кнопка
Вторая кнопка
Точки второго набора
Линии сетки второго набора

Числа

Перед числом
После числа
Разряды
▼
Сокращать подписи оси (1k)

Цвета и вид

Акцент
Подложка

Неактивные столбцы, дорожки шкал и колец.

Сетка
Подписи

Подписи осей, полос и столбцов, текст невыбранной кнопки переключателя.

Подсказка и активная кнопка
Текст на подсказке
Фон переключателя
Ширина столбца
%
Скругление столбца
% ширины
Скорость анимации
%

Анимация запускается, когда график появляется в экране.

Карточка

Заголовок
Подзаголовок
Размер заголовка
px
Цвет заголовка
Шрифт заголовка
▼
Шрифт графика
▼

Inter подключается с Google Fonts.

Заголовок
▼
Отступ под заголовком
px
Легенда
Карточка-подложка
Цвет карточки
Скругление карточки
px
Отступы внутри
px

Блок

Где показывать
▼

«Отдельный блок» — код в блоке T123, карточка своей ширины и высоты. «По классу» — график заполняет элемент Zero Block с этим классом (например, фигуру нужного размера).

Ширина карточки
px

0 — во всю ширину блока.

Высота
px

В коде вставки блок занимает всю высоту контейнера (100 %) — например, элемента в Zero Block. Это число — запасная высота: она сработает, если у контейнера своей высоты нет (обычный блок T123).

Выравнивание
▼
Прозрачный фон блока
Фон блока

На Тильде: блок T123 или «HTML-элемент» в Zero-блоке → вставить код → опубликовать страницу.