gifts2017

Красивые и функциональные диаграммы в 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. Жду конструктивных комментариев)

Спасибо

en → ru
страницы
 

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

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

См. также

Подписаться Добавить вознаграждение

Комментарии

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