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

Опубликовал Максим Тюшков (tushich) в раздел Программирование - Практика программирования

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

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

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

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

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

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

Спасибо

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

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

См. также

Добавить вознаграждение
Комментарии
1. Максим Тюшков (tushich) 69 04.10.13 15:16 Сейчас в теме
Много каких функций пока не доступно, пишите что добавить добавлю!
2. Сергей Марченко (MarSeN) 857 06.10.13 20:50 Сейчас в теме
На основе какой библиотеки сделано?
Или все полностью, сам писан на java?
3. Максим Тюшков (tushich) 69 07.10.13 07:57 Сейчас в теме
4. Сергей Марченко (MarSeN) 857 07.10.13 08:43 Сейчас в теме
я смотрю у тебя справа бегунок ненужный (стандартный) в окне HTML. Убери его (добавь в тег "BODY" scroll=no). Без него лучше ) вот как выглядит http://infostart.ru/public/202956/
5. Максим Тюшков (tushich) 69 07.10.13 09:31 Сейчас в теме
(4) MarSeN, спасибо, исправил)
6. kiruha Дронов (kiruha) 356 07.10.13 09:50 Сейчас в теме
Вещь нужная, только какие то диаграммы невзрачные - может есть что то более красивое в инете ?
7. Сергей Кудашкин (sikuda) 473 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) 69 07.10.13 11:02 Сейчас в теме
(7) sikuda, в обработке отображается. Спс за внимательность)
9. Максим Тюшков (tushich) 69 07.10.13 11:03 Сейчас в теме
(6) kiruha, можно реализовать любые настройки, как тут http://www.amcharts.com/javascript-charts/.
Пишите любые капризы, попробую реализовать.
10. Роман Бедрицкий (movel) 09.10.13 09:51 Сейчас в теме
Скажите, а как можно передать данные из таблицы значений в HTML страницу?
11. Алексей Гафуров (Alex_grem) 208 09.10.13 13:27 Сейчас в теме
12. Михаил Ражиков (tango) 466 09.10.13 14:04 Сейчас в теме
13. Максим Тюшков (tushich) 69 10.10.13 09:25 Сейчас в теме
(12) tango, отрисовывает.
Прикрепленные файлы:
14. Максим Тюшков (tushich) 69 10.10.13 09:26 Сейчас в теме
(10) movel, по разному. Какая именно задача?
15. Роман Бедрицкий (movel) 10.10.13 10:35 Сейчас в теме
Спасибо, я уже разобрался по вашему примеру))
16. Максим Тюшков (tushich) 69 10.10.13 11:55 Сейчас в теме
(11) Alex_grem, расшифровку делаю) Пока нету!
17. Игорь Нешик (ineshyk) 23.10.13 22:06 Сейчас в теме
(9) Вот было бы здорово иметь возможность каждую серию рисовать в отдельный цвет.
19. Ридван (утюгчеловек) 01.02.17 09:44 Сейчас в теме
Замечательно.

Жаль только стандарты разработки 1С пока не рекомендуют использовать поле html-документа никак, кроме "вывода в формах различных пользовательских инструкций, встроенной справки, путеводителей с оформлением и картинками, которые предназначены только для просмотра информации."