Красивые и полнофункциональные диаграммы AmCharts в 1С на основе HTML и JavaScript, полностью offline, все виды, версия 3.2.0

07.08.19

Разработка - Работа с интерфейсом

Полноценная обработка, содержащая оффлайн версию JavaScript графиков AmCharts версии 3.2.0. С обработкой нажатия мыши. Все виды графиков: Column, Bar, Line, Area, Step, Smoothed line, Candlestick, Pie/Donut, Radar/Polar, XY/Scatter/Bubble, Bullet, Funnel/Pyramid.

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

Наименование Файл Версия Размер
amCharts3.2.0.epf
.epf 125,59Kb
263
.epf 3.2.0+ 125,59Kb 263 Скачать

Полноценная обработка, содержащая оффлайн версию JavaScript графиков AmCharts версии 3.2.0.

Реализованы все объекты из http://www.amcharts.com/javascript-charts/.

Обрабатывается нажатие мыши на точку/ребро графика. Пример обработки нажатия смотрите на графике "глубина/день".

Работают все виды графиков: Column, Bar, Line, Area, Step, Smoothed line, Candlestick, Pie/Donut, Radar/Polar, XY/Scatter/Bubble, Bullet, Funnel/Pyramid. 

Использовать не просто, а очень просто. Мой ответ доминикане и tushich.

Пример использования (из текста обработки):

Функция ЗаполнитьHTML(тз,об,вар)
  // RADAR CHART
   амОснова = AmChartsПолучитьОснову("AmRadarChart",AmChartsВременныйКаталогКартинок());
   амОснова.Параметры["startDuration"] = 2;
   амОснова.Параметры["categoryField"] = "country";
 
   // VALUE AXIS
   амОбъект = AmChartsСоздатьОбъект("valueAxis","ValueAxis","");
   амОбъект.Параметры.position = "bottom";
   амОбъект.Параметры.axisAlpha = 0.15;
   амОбъект.Параметры.dashLength = 3;
   амОбъект.Параметры.axisTitleOffset = 20;
   амОбъект.Параметры.gridCount = 5;
   амОснова.Объекты.Добавить(амОбъект);
 
   // GRAPH
   амОбъект = AmChartsСоздатьОбъект("graph","AmGraph","");
   амОбъект.Параметры.valueField = "litres";
   амОбъект.Параметры.bullet = "round";
   амОбъект.Параметры.balloonText = "[[value]] litres of beer per year";
   амОснова.Объекты.Добавить(амОбъект);
   амОснова.ТелоФункции = AmChartsПолучитьТелоФункции(амОснова);
   амОснова.Данные = AmChartsДанные(тз);
   
  Возврат AmChartsПолучитьHTMLТекст(амОснова,об);
КонецФункции

Вот что получается:

диаграмма диаграммы отчет красивые XY график графики Excel

См. также

Богатый редактор картинок, хранимых в базе, с возможностью РИСОВАНИЯ. Редактор внешних файлов картинок. Объект, расширяющий возможности работы с картинками из встроенного языка (Три в одном) + Обработка «Стандартизация картинок»

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

Обработка предназначена для редактирования картинок в режиме «Предприятие», с возможностью РИСОВАТЬ на них. Поддерживается работа как в обычных формах (толстый клиент) так и на управляемых формах (тонкий клиент). Обработка позволяет редактировать как картинки, хранимые в базе, так и графические файлы с диска на файловой системе. Помимо базовых функций (изменение размеров, преобразование формата, обрезание картинки, повороты и т.п.) – редактор имеет богатый набор инструментов для рисования. Доступна функция вставки изображения из буфера обмена. Также обработка может быть использована из встроенного языка как объект для редактирования картинок. Объект может быть использован: на стороне клиента, на стороне сервера, из внешнего соединения. Данная обработка будет особенно полезна тем, кто вносит картинки в базу (изображения номенклатуры, фотографии физических лиц и т.п.). Функционал реализуется с использованием JavaScript и бесплатного ПО ImageMagick (без использования внешних компонент).

6000 руб.

16.01.2015    61795    43    59    

80

[Расширения] Динамическое управление видимостью и доступностью элементов форм (УФ) (8.3.6+)

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

Механизм «Динамическое управление доступом к элементам форм объектов 1С8» предназначен для обеспечения возможности оперативного управления видимостью и доступностью элементов форм документов и справочников продуктов фирмы «1С» «1С:Предприятие 8». Решение универсальное, встраивается в любую конфигурацию с минимальными доработками, что позволяет без проблем обновлять типовые решения.

5000 руб.

14.01.2016    54402    16    21    

42

Управление дашбордами

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

Обработка предназначена для создания и управления дашбордами.

2400 руб.

29.06.2020    16697    21    4    

35

Новогоднее оформление для 1С

Работа с интерфейсом Платформа 1С v8.3 1С:Бухгалтерия 3.0 1С:Управление торговлей 11 1С:Зарплата и Управление Персоналом 3.x 1С:Управление нашей фирмой 3.0 Бесплатно (free)

Добавьте новогоднего настроения! Расширение создает декорацию в виде гирлянды на некоторых формах объектов.

27.12.2023    10736    750    elcoan    45    

106

Конструктор HTML, CSS и javascript

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

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

2 стартмани

10.04.2023    9614    151    acces969    31    

118

Модель состояния для MVC

Работа с интерфейсом Платформа 1С v8.3 Конфигурации 1cv8 Абонемент ($m)

"MVC плохо применима в 1С" - познакомьтесь с моделью состояния и, возможно, ваше мнение поменяется! Представленное решение является эволюционным развитием идеи реализации MVC для 1С. В новой версии добавлены DSL для описания модели состояния, а также параметризация свойств параметров и элементов формы.

1 стартмани

05.07.2022    3665    kalyaka    2    

27

Табло очереди заказов на экран телевизора

WEB-интеграция Работа с интерфейсом Платформа 1С v8.3 1С:Розница 2 Платные (руб)

Связка из веб-приложения и расширения для 1С: Розница 2.3.

3600 руб.

29.04.2022    12080    1    5    

10
Вознаграждение за ответ
Показать полностью
Комментарии
В избранное Подписаться на ответы Сортировка: Древо развёрнутое
Свернуть все
1. script 128 01.11.13 23:46 Сейчас в теме
Поддерживается ли Диаграмма Ганта ?
4. fuxic 297 05.11.13 16:59 Сейчас в теме
(1) ради функционала-аналога диаграмм Ганта стал разбираться с амЧартом. В принципе механизм вполне заложен в библиотеке, но на примерах сайта построить сходу не получилось.

Буду рад если реализуете аналог Ганта на амчарте. Исправить floating bar на работу с датами и это уже заработает. Надо только будет шкалу и фильтры под конкретную задачу.
11. pfihr 374 06.11.13 23:58 Сейчас в теме
(4) fuxic, попробую реализовать. Сначала надо потренироваться в консоли jsfiddle, затем это легко переносится в мою обработку.
Прикрепленные файлы:
14. pfihr 374 07.11.13 00:00 Сейчас в теме
(1) script, только в варианте floating serial chart. См. скриншоты.
2. Yashazz 4709 05.11.13 12:49 Сейчас в теме
Немного не понял, что потребуется для работы? AmChartsПолучитьОснову - это что за зверь и где объявлен?
Взлетит ли на УФ?
3. Tedman 05.11.13 15:21 Сейчас в теме
(2) Yashazz,
На сколько мне известна данная тематика (а я в данный момент чем-то вроде этого же занимаюсь), то:
Немного не понял, что потребуется для работы?


AmChartsПолучитьОснову - это что за зверь и где объявлен?

Как я понимаю, это структура с необходимыми настройками для вывода диаграмм. Объявлен где-то глубже, а вот где и как автор в статье описывать не стал.
Взлетит ли на УФ?

На них, родимых, судя по скринам, в основном, и летает.
12. pfihr 374 06.11.13 23:59 Сейчас в теме
(2) Yashazz, взлетит. Кроме того, взлетит и на вэб-клиенте, и на мобильных устройствах.
5. fuxic 297 05.11.13 17:00 Сейчас в теме
Не совсем понял то, что убрана ссылка на сайт библиотеки. Это вроде прямое нарушение бесплатной лицензии.
13. pfihr 374 06.11.13 23:59 Сейчас в теме
(5) fuxic, Вы всегда можете вернуть ее в сам чарт, а я оставил ее в заголовке формы.
6. AlexBugs 06.11.13 07:45 Сейчас в теме
А на 7.7. такое взлетит? А то очень хочется....
7. ADirks 186 06.11.13 09:24 Сейчас в теме
8. DAnry 8 06.11.13 14:18 Сейчас в теме
Действительно красиво.
9. randa 87 06.11.13 15:33 Сейчас в теме
10. kiruha 388 06.11.13 16:27 Сейчас в теме
Наконец то нормальные диаграммы
15. sikuda 673 07.11.13 13:40 Сейчас в теме
Наконец-то хоть движения есть в графиках. А то как-то одиноко.
За старания безусловный +,
Чистота лицензий это святое (на сайте 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.
Что-то у тебя в верхнем левом угле ничего нет.

user1076047; +1 Ответить
16. qwed557 30 07.11.13 22:45 Сейчас в теме
(15) sikuda, есть же, или раньше не было а уже добавили, по крайней мере я на всех скринах вижу
17. sikuda 673 08.11.13 09:34 Сейчас в теме
(16) qwed557,
Да вижу, что-то вчера глюкнуло.

Вопрос автору: Разобрались ли Вы в тонком клиенте Windows, что бы нажатие мышки правильно определяло объект. Если объект не прямоугольный? Pie например.
20. pfihr 374 10.11.13 11:12 Сейчас в теме
(17) sikuda, пока не разбирался, не было необходимости. На Pie диаграмме нажатие мышью отодвигает сегмент от остальных сегментов, это встроенный функционал.
19. pfihr 374 10.11.13 11:11 Сейчас в теме
(15) sikuda, я вынес ссылку на форму. В самом html поле эта ссылка часто затирала полезные данные. Это забавно, и даже видно на примере микро-чартов на сайте авторов библиотеки (откройте пример в jsfiddle) :)
18. movel 08.11.13 11:31 Сейчас в теме
Скажите, а как, например, с помощью этой библиотеки организовать вывод если количество переменных изменяется? Т.е. выбираешь сколько графиков будет отображаться - 1 или 2, например? Формировать разные наборы вызова?
21. pfihr 374 10.11.13 11:13 Сейчас в теме
(18) movel, можно отображать любое количество графиков. Сколько объектов типа AmGraph добавите, столько их и будет. Разные наборы вызова я делаю так: создается одна таблица значений со всеми колонками для всех диаграмм. Дальше, заполняются данные, последовательно добавляются строки. Значения устанавливаются только для тех колонок, которые нужны для определенного графика (объекта AmGraph). В нужном объекте AmGraph указываются только эти колонки. Для следующего графика в т.з. добавляются новые строки, и заполняются данные других колонок таблицы значений, и для объекта AmGraph они указываются как источник. Смотрите пример на графике глубина-день, я там использовал 13 различных графиков в одной таблице значений. Библиотека умная, и строки/колонки с незаполненными значениями не учитывает при построении.
22. pfihr 374 11.11.13 07:58 Сейчас в теме
Если Вы встретились с проблемами масштабирования курсором, исправьте в коде макета следующие функции:

b.prototype.listenTo = function(a, b, c) {
var d = a.events[b], e = !1, g = 0;
for (h = d.length;g < h;g++) {
d[g].handler == c && d[g].scope == this && (e = !0);
}
return e ? d.length : d.push({handler:c, scope:this});
}, b.prototype.addListener = function(a, b, c) {
var d = this.events[a], e = !1, g = 0;
for (h = d.length;g < h;g++) {
d[g].handler == b && d[g].scope == c && (e = !0);
}
return e ? d.length : d.push({handler:b, scope:c});
}
sergcool83; +1 Ответить
23. pfihr 374 11.11.13 09:31 Сейчас в теме
В новой версии 3.2.0 ошибка зума исправлена (мной). Разработчики пока не исправили.
Так же много новых изменений, упрощена процедура программирования.
24. mars207 27 28.01.14 18:37 Сейчас в теме
Очень полезная обработка. Плюс обязательно добавлю. Но есть вопрос. А можно ли сформировать диаграмму такого типа как указано во вложении к комментарию? Тип диаграммы очень похож на "3D stacked column chart", но я бы хотел расширить его возможности. Чтобы это было похоже на более изощренную сводную диаграмму. Excell такое умеет...
Прикрепленные файлы:
25. mars207 27 28.01.14 18:39 Сейчас в теме
забыл прикрепить файл.
26. pfihr 374 31.01.14 21:35 Сейчас в теме
27. KlesAlex 3 24.03.15 17:38 Сейчас в теме
Сколько мануал не курил а так и не понял как нижнюю ось сделать не числовую а в виде дат
чтобы рисовать диаграмму ганта.
Все тлен(
28. 5150 07.04.15 13:54 Сейчас в теме
Доброго! а возможность экспорта в *.jpg или вывода на печать есть? даже из их онлайн конструктора интереса ради копировал html код, в котором кнопка (экспорта) есть, а в самой 1с-ке ее нет.
29. avz_1C 10 29.04.15 18:55 Сейчас в теме
Спасибо, Автор!
Чрезвычайно полезная вещь!
Плюс поставил.
Жалею, нельзя два-три за раз поставить.
30. advanter 42 19.02.16 22:36 Сейчас в теме
Отличные графики.
Чрезвычайно просто в применении и достойно в использовании. Плюсик, однозначно.
31. пользователь 05.03.16 14:19
Сообщение было скрыто модератором.
...
32. ALagutin 57 31.01.17 16:14 Сейчас в теме
Интересно а можно ли сделать вот такую диаграмму с картой:
На которой будет виден регион России и некий бабл с данными
Прикрепленные файлы:
36. acanta 07.03.19 17:39 Сейчас в теме
(32)конечно можно. Меню файл новый создать.
33. Pilokarpios 38 03.03.17 11:11 Сейчас в теме
Толстый клиент, управляемые формы, 1С 8.3, что я не так делаю, или настройки IE нужно править? Или компоненты или части с сайта разработчика берутся, т.е. нужен online?
Прикрепленные файлы:
41. Plotks2017 266 06.09.19 09:44 Сейчас в теме
(33) скорее всего нужна платформа 8.3.14 и выше
34. sir 11 12.11.18 15:58 Сейчас в теме
Было бы круто еще добавить классы "AmStockChart" "StockGraph"
но единственно я не разобрался amcharts умеет только отрисовывать индикаторы или и рассчитывать тоже ?
35. c300pm 07.03.19 17:36 Сейчас в теме
обясните мне, тупому человеку, как это работает????
38. NittenRenegade 108 27.08.19 07:47 Сейчас в теме
(35) элементарно: библиотеки JavaScript, которые берут на себя всю отрисовку диаграмм в браузере. Далее мы создаем html страницу (по сути текстовик) с вызовом этих библиотек и заполненными в текстовом виде исходными данными для отрисовки и подсовываем встроенному в 1С браузеру.

Вот встроенный браузер зачем то блокирует содержимое ActiveX страницы и в 1С у меня скачанный пример не работает, только при экспорте HTML в браузер и последующем разрешении. Как победить? 1С:Предприятие 8.2 (8.2.18.82)
37. NittenRenegade 108 27.08.19 07:29 Сейчас в теме
В аду есть отдельное место для программистов, назначающих имена переменных в виде только им понятных сокращений слов
ice-net; behemoth96; +2 Ответить
39. NittenRenegade 108 29.08.19 10:40 Сейчас в теме
Есть ещё вопрос: откуда взяты библиотеки amcharts.js ?
Я смотрю в тестовый пример автоматической линии тренда:
https://www.amcharts.com/docs/v3/tutorials/use-trend-line-display-auto-calculated-best-fit-line/

добавляю оттуда библиотеку
https://www.amcharts.com/lib/3/plugins/tools/bestFitLine/bestFitLine.min.js

получаю ошибку отсутствия методов у amCharts: addInitHandler.

Смотрю в библиотеки обработки, и там совсем другое содержимое нежели в тестовом примере по ссылке
https://www.amcharts.com/lib/3/amcharts.js

И если взять и скопировать содержимое этой библиотеки, то диаграммы формироваться не будут. Как быть?
40. NittenRenegade 108 29.08.19 11:55 Сейчас в теме
(39) Ответ: нужно заменить на новые все библиотеки. Хотя ошибка в графе XY всё-таки возникает, но уже в другом месте. Он мне пока и не нужен.
Вообще, к данному методу стоит прибегать в случае крайней нужды, либо если вы понимаете JavaScript
42. Креатив 66 17.06.21 15:36 Сейчас в теме
А есть описание для тех, кто совсем не разбирается в диаграммах?
43. user622074_stalker4 03.11.21 12:28 Сейчас в теме
Можно ли эту диаграмму добавить в табличный документ (макет) ?
44. recon 38 26.11.21 22:06 Сейчас в теме
Кто то решал проблему с событиями onclick для данной обработке на 8.3.14 и выше? В связи с переходом на веб кит метод который применен в обработке не работает для расшифровки, а добавление своего обработчика onclick приводит к тому что он срабатывает через раз
Оставьте свое сообщение