Красивые и функциональные диаграммы в 1С на основе HTML и JavaScript

26.01.17

Разработка - Инструментарий разработчика

Шаблон для формирования диаграмм в управляемых формах 1С с более широким функционалом в отличие от стандартных диаграмм 1С. Можно формировать диаграммы разных видов.

Скачать файлы

Наименование Файл Версия Размер
Пример диаграммы на java script
.epf 94,89Kb
205
.epf 3 94,89Kb 205 Скачать

 Попытка сделать более функциональный механизм отображения диаграмм в 1С. 

В обработке приведен пример использования функции формирования текста HTML страницы с диаграммами.

Параметры этой функции и есть все настройки.

//Функция формрирует строку HTML с диаграммой по входящей таблице значений 
//
// Параметры:
//  ТЗ_ДанныеДиаграммы - ТаблицаЗначений, 
//	 Заголовки колонок - тект подписи на диаграмме,
//	 Первая колонка - Серии диаграммы,
//	 Вторая и последующие колонки - Точки диаграммы.
//  СтруктураПараметров - Структура:ТипГрафика - Строка.
//				 ТипГрафика. Возможные варианты: "line", "column", "step", "smoothedLine".   
//					ЗаголовокОсиОрдинат - Строка;	
//					ЗаголовокОсиАбсцисс - Строка;	
//					УголПоворотаПодписиОсиАбсцисс - Число;
//					КоличествоТочекДляОтключенияПодписей - Число. 
//					 При превышении данного количества точек, отображаеммых на диаграмме, подписи точек отображаться не будут;
//					Залить - Булево. 
//					ДлительностьАнимации - Число. 
//					 Длительность анимации отрисовки графика в секундах. По умолчанию = 0, т.е. нет анимации. 
//					 Анимация притормаживает на больших объемах данных;
//					МаксимумОсиОрдинат -Строка. 
//					Ограничении оси ординат сверху;
//					МинимумОсиОрдинат - Строка.
//					 Ограничении оси ординат снизу;
//					Повернуть - Булево.
//					 Поворачивает на 90 градусов диаграмму; 
//					ВыделениеОбластиФона - Структура:От - Число.
//									  Значение от которого ничинать выделение фона;
//									 До - Число.
//							                  Значение до которого продолжать выделение фона;
//									 Цвет - Строка.
//									  Цвет выделения фона в формате "#00CC00";
//					ПолосаПрокрутки - Структура:Высота - Число.
//								     Высота полосы прокрутки в пикселях;
//							Цвет - Строка.
//								Цвет текста полосы прокрутки в формате "#00CC00";
//							Легенда - Структура:Позиция - Строка.
//								             Ориентация легенды относительно диаграммы. Варианты: "bottom", "top", "left", "right" and "absolute";
//									    Выравнивание - Строка.
//									     Выравнивание легенды в выбранной "Позиции". Варианты: "left", "center", "right";
//								   
// Возвращаемое значение:
//  Строка - текст HTML страницы содержащая код диаграммы, для вставки в HTML поле

P.S. Жду конструктивных комментариев)

Спасибо

Диаграмма JavaScript Гистограмма График Отчет Красиво HTML Интерфейс

См. также

Infostart Toolkit: Инструменты разработчика 1С 8.3 на управляемых формах

Инструментарий разработчика Роли и права Запросы СКД Платформа 1С v8.3 Управляемые формы Запросы Система компоновки данных Конфигурации 1cv8 Платные (руб)

Набор инструментов программиста и специалиста 1С для всех конфигураций на управляемых формах. В состав входят инструменты: Консоль запросов, Консоль СКД, Консоль кода, Редактор объекта, Анализ прав доступа, Метаданные, Поиск ссылок, Сравнение объектов, Все функции, Подписки на события и др. Редактор запросов и кода с раскраской и контекстной подсказкой. Доработанный конструктор запросов тонкого клиента. Продукт хорошо оптимизирован и обладает самым широким функционалом среди всех инструментов, представленных на рынке.

13000 руб.

02.09.2020    119917    656    389    

701

Infostart PrintWizard

Пакетная печать Печатные формы Инструментарий разработчика Платформа 1С v8.3 Запросы 1С:Зарплата и кадры бюджетного учреждения 1С:Конвертация данных 1С:ERP Управление предприятием 2 1С:Управление торговлей 11 Платные (руб)

Инструмент, позволяющий абсолютно по-новому взглянуть на процесс разработки печатных форм. Благодаря конструктору можно значительно снизить затраты времени на разработку печатных форм, повысить качество и "прозрачность" разработки, а также навести порядок в многообразии корпоративных печатных форм.

18000 руб.

06.10.2023    7008    20    6    

37

Infostart УДиФ: Управление данными и формами

Инструменты администратора БД Инструментарий разработчика Роли и права Платформа 1С v8.3 Конфигурации 1cv8 Россия Платные (руб)

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

10000 руб.

10.11.2023    3246    10    1    

31

SALE! 30%

PowerTools

Инструментарий разработчика Инструменты администратора БД Платформа 1С v8.3 Управляемые формы Конфигурации 1cv8 Россия Платные (руб)

Универсальный инструмент программиста для администрирования конфигураций. Сборник наиболее часто используемых обработок под единым интерфейсом.

3600 2520 руб.

14.01.2013    177341    1070    0    

846

Многопоточность. Универсальный «Менеджер потоков» 2.1

Инструментарий разработчика Платформа 1С v8.3 Конфигурации 1cv8 Россия Платные (руб)

Восстановление партий или взаиморасчетов, расчет зарплаты, пакетное формирование документов или отчетов - теперь все это стало доступнее. * Есть желание повысить скорость работы медленных алгоритмов! Но... * Нет времени думать о реализации многопоточности? * о запуске и остановке потоков? * о поддержании потоков в рабочем состоянии? * о передаче данных в потоки и как получить ответ из потока? * об организации последовательности? Тогда ЭТО - то что надо!!!

5000 руб.

07.02.2018    99204    239    97    

296

[ЕХТ] Фреймворк для Расширений 1С

Инструментарий разработчика Платформа 1С v8.3 Управляемые формы Платные (руб)

"Фреймворк для Расширений 1С" это универсальное и многофункциональное решение, упрощающее разработку и поддержку создаваемых Расширений. Поставляется в виде комплекта из нескольких Расширений с открытым исходным кодом. Работает в любых Конфигурациях в режиме Управляемого приложения с режимом совместимости 8.3.12 и выше без необходимости внесения изменений в Конфигурацию.

3000 руб.

27.08.2019    17914    6    8    

38

1С HTML Шаблоны / HTML Templates

Инструментарий разработчика Платформа 1С v8.3 Конфигурации 1cv8 Платные (руб)

Быстрая и удобная обработка для работы с шаблонами HTML. Позволяет легко и быстро формировать код HTML.

2040 руб.

27.12.2017    27945    3    10    

14

Выполнение произвольного кода или запроса с параметрами через Web-сервис (замена COM-подключений)

Инструментарий разработчика Обмен между базами 1C Платформа 1С v8.3 Платные (руб)

В процессе работы в 1С часто возникает потребность получить данные из другой базы.  Обычно это делается через COM-соединение, и время выполнения запроса при этом оставляет желать лучшего. В данной публикации представлено универсальное решение, позволяющее практически моментально выполнить произвольный код или запрос с параметрами в другой информационной базе через Web-сервис.

2400 руб.

24.09.2019    23490    15    15    

31
Комментарии
В избранное Подписаться на ответы Сортировка: Древо развёрнутое
Свернуть все
1. tushich 81 04.10.13 15:16 Сейчас в теме
Много каких функций пока не доступно, пишите что добавить добавлю!
2. MarSeN 984 06.10.13 20:50 Сейчас в теме
На основе какой библиотеки сделано?
Или все полностью, сам писан на java?
3. tushich 81 07.10.13 07:57 Сейчас в теме
4. MarSeN 984 07.10.13 08:43 Сейчас в теме
я смотрю у тебя справа бегунок ненужный (стандартный) в окне HTML. Убери его (добавь в тег "BODY" scroll=no). Без него лучше ) вот как выглядит http://infostart.ru/public/202956/
5. tushich 81 07.10.13 09:31 Сейчас в теме
(4) MarSeN, спасибо, исправил)
6. kiruha 388 07.10.13 09:50 Сейчас в теме
Вещь нужная, только какие то диаграммы невзрачные - может есть что то более красивое в инете ?
9. tushich 81 07.10.13 11:03 Сейчас в теме
(6) kiruha, можно реализовать любые настройки, как тут http://www.amcharts.com/javascript-charts/.
Пишите любые капризы, попробую реализовать.
12. tango 506 09.10.13 14:04 Сейчас в теме
13. tushich 81 10.10.13 09:25 Сейчас в теме
(12) tango, отрисовывает.
Прикрепленные файлы:
17. ineshyk 23.10.13 22:06 Сейчас в теме
(9) Вот было бы здорово иметь возможность каждую серию рисовать в отдельный цвет.
7. sikuda 673 07.10.13 10:12 Сейчас в теме
За старания безусловный +,
За содержание спасибо ребятам из Литвы.
Чистота лицензий это святое (на сайте http://www.amcharts.com):
Q: Can I use amCharts for free?
A: Yes, the only limitation of the free version is that a small link to this web site will be displayed in the top left corner of your charts.
Что-то у тебя в верхнем левом угле ничего нет.
8. tushich 81 07.10.13 11:02 Сейчас в теме
(7) sikuda, в обработке отображается. Спс за внимательность)
10. movel 09.10.13 09:51 Сейчас в теме
Скажите, а как можно передать данные из таблицы значений в HTML страницу?
14. tushich 81 10.10.13 09:26 Сейчас в теме
(10) movel, по разному. Какая именно задача?
11. Alex_grem 256 09.10.13 13:27 Сейчас в теме
16. tushich 81 10.10.13 11:55 Сейчас в теме
(11) Alex_grem, расшифровку делаю) Пока нету!
15. movel 10.10.13 10:35 Сейчас в теме
Спасибо, я уже разобрался по вашему примеру))
18. пользователь 20.11.13 07:46
Сообщение было скрыто модератором.
...
19. утюгчеловек 38 01.02.17 09:44 Сейчас в теме
Замечательно.

Жаль только стандарты разработки 1С пока не рекомендуют использовать поле html-документа никак, кроме "вывода в формах различных пользовательских инструкций, встроенной справки, путеводителей с оформлением и картинками, которые предназначены только для просмотра информации."
20. echo77 1868 04.09.17 07:31 Сейчас в теме
Было бы здорово, если в одной диаграмме два набора данных можно было рисовать разными видами диаграммы(Бары, линии).
И диаграмму Парето этим можно нарисовать?
21. @lexandr 142 04.08.18 15:20 Сейчас в теме
В примерах, картинки прикрепленные к описанию, видно 10 видов диаграмм, а в "Пример диаграммы на java script" - только 1. Поставил минус за это.
22. dimkakopylow001 7 17.09.18 14:53 Сейчас в теме
Если добавить 16 столбцов, и по 5 показателей. отчет вообще зависает.
23. zavedeev 20.08.22 18:01 Сейчас в теме
Автор, не строит графики, буду признателен если поможете
Оставьте свое сообщение