Как отобразить гистограмму bar на странице
Как реализовать гистограмму
Сниппет разметки компонента:
<div class="as-table" data-code="watch_chartBar"
style="max-width: 400px; min-height: 500px;"></div>Getitems таблицы:
CREATE PROCEDURE [dbo].[crud_watch_chartBar_getItems]
@filters CRUDFilterParameter READONLY,
@sort sql_variant,
@direction nvarchar(8),
@page int,
@pageSize int,
@username nvarchar(32)
AS
BEGIN
declare @langID int
select @langID = try_cast(Value as int) from @filters where [Key] = 'langID'
declare @result TABLE (title nvarchar(256), value float, color nvarchar(64) )
insert into @result
select 'Smartwatch' Title, 104 Value, 'pink' Color
union
select 'Videocard' Title, 102 Value, 'powderBlue' Color
union
select 'Kyboard' Title, 91 Value, 'lightGreen' Color
union
select 'Transmitter' Title, 70 Value, 'aqua' Color
union
select 'Voice recorder' Title, 24 Value, 'lightGrey' Color
-- 1 SELECT - сами данные
select * from @result
order by Value
-- 2 SELECT - кол-во в таблице
select count(*) from @result
-- 3 SELECT Дополнительные настройки таблицы 300 ChartWidth, 300 ChartHeight,
select 'chart' ViewType, 'bar' ChartType, 'Заголовок диаграммы' ChartTitle, 1 HidetitleCount,
'h4' headerTag
END
Документация - https://falcon.web-automation.ru/docs/diagrammy-i-grafiki
Другие модули
Рабочий стол в личном кабинете на сайте. Что видит пользователь в личном кабинете
Дашборд пользователя с фильтром по времени. Создание панели управления на сайте
Визуализация данных на сайте в виде графа в личном кабинете пользователя
Вывод полосок прогресса - отображение статуса процесса в личном кабинете
Вывод круговой диаграммы polarArea
Графики в личном кабинете. Вывод графика типа line
Последние обновления
Форма 31.07.2022
Страницы 31.07.2022
Страницы 08.05.2022
Интеграции 04.04.2022
Интеграции 01.04.2022
Таблица 24.03.2022
Форма 24.03.2022
Разное 22.03.2022
Интеграции 07.03.2022
Разное 24.02.2022
Разное 18.02.2022
Визуализация 13.02.2022
Разное 07.02.2022
Форма 20.01.2022
Разное 20.01.2022
SQL-инструмент для создания личных кабинетов на сайте
Платформа Falcon Space
Это снижение стоимости владения
за счет меньшего количества людей для поддержки
Это быстрое внесение изменений
по ходу эксплуатации программы
Это современный интерфейс
полная адаптация под мобильные устройства