Комбинированная диаграмма (столбчатая диаграмма + график)

@Sanedi · Регистрация: 22.10.2017

Студворк — интернет-сервис помощи студентам

Искал решения (C3, highcharts.js и echarts.js), но нужного не нашёл.

Требуется создать диаграмму.
Состоит или столбчатой диаграммы и графика.

столбчатая диаграмма отображает количество нарушений (сдвоенный столбец значит, что камера была перемещена и зафиксированы нарушения в новом месте)
график отображает время

Нужно предусмотреть масштабирование по дню, месяцу или году и выбор промежутка дат.

@Splaisto · 06.02.2023, 14:17

как понимаю это интересует?
https://www.chartjs.org/docs/l... mixed.html

@Sanedi · 06.02.2023, 15:15 **[ТС]**

Splaisto , очень похоже, но нет примера с большим количеством данных.
Нужно, чтобы было выбирать промежуток для просмотра и показывать масштаб в днях/неделя/месяц.

Вот решеник, которое нашёл на Highchart.
jsfiddle - https://jsfiddle.net/BlackLabel/mtpg5L0f/

@Splaisto · 06.02.2023, 15:27

Сообщение от Sanedi

очень похоже, но нет примера с большим количеством данных.
Нужно, чтобы было выбирать промежуток для просмотра и показывать масштаб в днях/неделя/месяц.

так это уже не к библиотеке, а к разрабам. чарту примерно плевать откуда и как данные будут формироваться (на фронте вы это хранить будете или по смещению запрос кидать). тут уж импровизируйте.

@Sanedi · 06.02.2023, 15:43 **[ТС]**

Splaisto, как данные формироваться будут неважно, а использовать можно и D3.js, но интересовал выше описанный случай, когда нужны фичи уже из коробки.

Новые блоги и статьи Все статьи Все блоги /
Знаешь почему 90% людей редко бывают счастливыми? kumehtar 14.04.2026 Потому что они ждут. Ждут выходных, ждут отпуска, ждут удачного момента. . . а удачный момент так и не приходит.	Фиксация колонок в отчете СКД Maks 14.04.2026 Фиксация колонок в СКД отчета типа Таблица. Задача: зафиксировать три левых колонки в отчете. Процедура ПриКомпоновкеРезультата(ДокументРезультат, ДанныеРасшифровки, СтандартнаяОбработка) / / . . .	Настройки VS Code Loafer 13.04.2026 { "cmake. configureOnOpen": false, "diffEditor. ignoreTrimWhitespace": true, "editor. guides. bracketPairs": "active", "extensions. ignoreRecommendations": true, . . .	Оптимизация кода на разграничение прав доступа к элементам формы Maks 13.04.2026 Алгоритм из решения ниже реализован на нетиповом документе, разработанного в конфигурации КА2. Задачи, как таковой, поставлено не было, проделанное ниже исключительно моя инициатива. Было так:. . .
Контроль заполнения и очистка дат в зависимости от значения перечислений Maks 12.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "ПланированиеПерсонала", разработанного в конфигурации КА2. Задача: реализовать контроль корректности заполнения дат назначения. . .	Архитектура слоя интернета для сервера-слоя. Hrethgir 11.04.2026 В продолжение https:/ / www. cyberforum. ru/ blogs/ 223907/ 10860. html Знаешь что я подумал? Раз мы все источники пишем в голове ветки, то ничего не мешает добавить в голову такой источник, который сам. . .	Подстановка значения реквизита справочника в табличную часть документа Maks 10.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "ПланированиеПерсонала", разработанного в конфигурации КА2. Задача: при выборе сотрудника (справочник Сотрудники) в ТЧ документа. . .	Очистка реквизитов документа при копировании Maks 09.04.2026 Алгоритм из решения ниже применим как для типовых, так и для нетиповых документов на самых различных конфигурациях. Задача: при копировании документа очищать определенные реквизиты и табличную. . .

@Sanedi 1 / 1 / 0 Регистрация: 22.10.2017 Сообщений: 52

	Комбинированная диаграмма (столбчатая диаграмма + график) 06.02.2023, 12:07. Показов 586. Ответов 4 Метки javascipt, график, диаграмма (Все метки) Искал решения (C3, highcharts.js и echarts.js), но нужного не нашёл. Требуется создать диаграмму. Состоит или столбчатой диаграммы и графика. столбчатая диаграмма отображает количество нарушений (сдвоенный столбец значит, что камера была перемещена и зафиксированы нарушения в новом месте) график отображает время Нужно предусмотреть масштабирование по дню, месяцу или году и выбор промежутка дат. Миниатюры 0

@Splaisto 250 / 184 / 58 Регистрация: 12.03.2021 Сообщений: 1,043
	06.02.2023, 14:17
	как понимаю это интересует? https://www.chartjs.org/docs/l... mixed.html 1

@Sanedi 1 / 1 / 0 Регистрация: 22.10.2017 Сообщений: 52
	06.02.2023, 15:15 [ТС]
	Splaisto , очень похоже, но нет примера с большим количеством данных. Нужно, чтобы было выбирать промежуток для просмотра и показывать масштаб в днях/неделя/месяц. Вот решеник, которое нашёл на Highchart. jsfiddle - https://jsfiddle.net/BlackLabel/mtpg5L0f/ 0

@Sanedi 1 / 1 / 0 Регистрация: 22.10.2017 Сообщений: 52
	06.02.2023, 15:43 [ТС]
	Splaisto, как данные формироваться будут неважно, а использовать можно и D3.js, но интересовал выше описанный случай, когда нужны фичи уже из коробки. 0