Какие форматы данных поддерживает инструмент?

Инструмент поддерживает массив JSON (например, [{"label": "Задача", "value": 50}]) или простой текстовый формат «метка:значение».

Можно ли настроить цвета для каждого бара отдельно?

Да, вы можете указать список шестнадцатеричных цветов через запятую в поле «Цвета баров».

Как работает автоматическое масштабирование?

Если не указать максимальное значение, инструмент автоматически определит масштаб на основе самого большого числа в ваших данных.

Можно ли сделать прогресс-бары вертикальными?

Да, в настройках ориентации выберите «Вертикальная», чтобы изменить направление отображения баров.

Поддерживает ли инструмент анимацию?

Да, вы можете включить опцию «Анимированный прогресс», чтобы бары плавно заполнялись при загрузке страницы.

Elysia Tools

Навигация

Data Visualization

Генератор Прогресс-баров

Генерировать настраиваемые прогресс-бары из данных, идеально подходит для отображения статуса завершения, рейтингов или сравнительных значений

Запуск

Запустить этот инструмент

Заполните форму, запустите инструмент и посмотрите результат на этой же странице.

Ввод

Параметры сгруппированы, чтобы длинные формы было проще просматривать.

15 параметров

СодержимоеВставьте или введите основные значения.3

Данные ДиаграммыtextareaОбязательноДанные для прогресс-баров. Поддерживает массив JSON или простой формат текста метка:значениеЗаголовок ДиаграммыtextНеобязательноЗаголовок, который будет отображаться над диаграммойЦвета БаровtextНеобязательноЦвета для прогресс-баров (шестнадцатеричные цвета через запятую). Оставьте пустым для цветов по умолчанию.

НастройкиНастройте форматы, диапазоны, числа и режимы.7

ОриентацияselectНеобязательноСтиль БараselectНеобязательноВысота Бара (Горизонтальный) / Ширина (Вертикальный)numberНеобязательноВысота горизонтальных баров или ширина вертикальных баров в пикселяхМаксимальное ЗначениеnumberНеобязательноМаксимальное значение для шкалы прогресса (оставьте пустым для автоматического масштабирования)Минимальное ЗначениеnumberНеобязательноМинимальное значение для шкалы прогрессаЦелевое ЗначениеnumberНеобязательноЦелевое значение для отображения в качестве опорной линииЦвет ФонаcolorНеобязательноЦвет фона для контейнера диаграммы

ПереключателиВключайте или отключайте дополнительные режимы.5

Показать ПроцентыcheckboxНеобязательноВключено, если отмеченоОтображать процентные значения на прогресс-барахПоказать ЗначенияcheckboxНеобязательноВключено, если отмеченоОтображать фактические значения на прогресс-барахАнимированный ПрогрессcheckboxНеобязательноВключено, если отмеченоАнимировать прогресс-бары при загрузкеСкругленные БарыcheckboxНеобязательноВключено, если отмеченоИспользовать скругленные углы для прогресс-баровПоказать Целевую ЛиниюcheckboxНеобязательноВключено, если отмеченоОтображать опорную линию для целевого значения

Результат

Готово к запуску

После запуска здесь появятся файлы, текст, структурированные данные или потоковый вывод.

Примеры

Примеры для этого инструмента

Связано

Генератор Прогресс-баров

Запустить этот инструмент

Ввод

Результат

Примеры для этого инструмента

Продолжить с похожими инструментами и темами

Ввод

Результат

Узнайте, когда использовать этот инструмент, что он поддерживает и как его применяют пользователи.

Ключевые факты

Обзор

Когда использовать

Как это работает

Сценарии использования

Примеры

1. Отслеживание прогресса проекта

2. Рейтинг эффективности сотрудников

FAQ

Примеры QR-кодов

Примеры Анализа Логов ELK Stack

Примеры Расширенного Применения Grafana

Примеры Распределенного Трейсинга

Генератор Кольцевой Диаграммы

Генератор Воронкообразной Диаграммы

Генератор Пиктограмм

Генератор Радарных Диаграмм

Генераторы диаграмм и графиков

Инструменты JSON-обмена и перевода форматов

Инструменты конвертации регистра, кодировки и нормализации текста

Инструменты для проверки, diff и преобразования JSON