HTML в новой версии 8.3.14 на примере 3-х JavaScript библиотек: AmCharts, HighCharts, DHTMLX

29.01.19

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

Тестируем возможности HTML в новой версии 8.3.14 платформы на примере 3-х JavaScript библиотек: AmCharts, HighCharts, DHTMLX.

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

Наименование Файл Версия Размер
HTML в новой версии 8.3.14 на примере 3-х JavaScript библиотек: AmCharts, HighCharts, DHTMLX:
.epf 1,13Mb
173
.epf 1,13Mb 173 Скачать

На момент написания статьи 14-я платформа доступна только в тестовой версии, все тесты я проводил на версии 8.3.14.1494, в файловом режиме работы.

Итак, в новой версии платформы разработчики отказались наконец от использования Microsoft Internet Explorer в поле HTML-документа. Далее выдержка из описания изменений:

 

Клиентские приложения, работающие под управление ОС Windows, для работы со справочной системой,
синтакс-помощником, а также с полем HTML-документа, планировщиком, форматированным документом 
и редактором HTML-документа используют библиотеку WebKit. Microsoft Internet Explorer для данных 
целей больше не используется.
Библиотека поставляется вместе с платформой и не требует дополнительной установки.
Типом значения свойства ПолеHTMLДокумента.Документ стал ВнешнийОбъект. Изменилась DOM-модель, 
которая доступна при обращении к данному свойству.
Рекомендуется провести анализ использования элемента формы ПолеHTMLДокумента и исправить 
реализацию в том случае, если реализация использовала возможности, которые специфичны только 
для Microsoft Internet Explorer.

Вместо IE теперь используется какой-то вебкит, больше ничего полезного на первый взгляд. Но существует гораздо более информативная и подробная статья, что же собственно произошло с HTML в 1С, рекомендую ознакомиться https://habr.com/ru/company/1c/blog/425713/. Если вкратце, ребята описывают муки выбора браузерного движка для замены IE и почему вообще возникла такая проблема. В конце статьи они отговаривают использовать HTML для реализации бизнес логики, но нас такими пустяками не испугать. Итак, приступим к тестированию возможностей чартинга

AmCharts

https://www.amcharts.com/

Библиотека от литовских разработчиков

Лицензия: Proprietary. Можно использовать бесплатно, но в углу чартов будет маленькое лого. От него можно избавиться, заплатив денежку.

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

 

Bubble Chart

Кликом можно отключать видимость серий


 

Chord Diagram

Анимация летающих шариков работает как надо, смотрится завораживающе


 

Layered Column Chart

Масштабирование выделением области мышкой работает

 

Variable-height 3D Pie Chart

Здесь почему-то сектора не прорисованы до конца, в то время как в оригинале они выглядят объемными.

оригинал:


 

Funnel with Gradient Fill

Воронка тоже прорисовалась плохо, возможно я что-то криво подключил, пишите в комментариях, если знаете как побороть.

оригинал:


 

Polar Area Chart

Масштабирование выделением области мышкой работает


 

Selecting Multiple Areas Map

Множественный выбор стран работает, выглядит круто. Масштабирование колесиком мыши работает.


 

GANTT Chart With Dates

Это не совсем полноценная диаграмма Ганта, так как не хватает связей, но доступность ресурсов отобразить можно.


 

Роли и пользователи в Treemap

Демонстрация работы с данными 1C на примере вывода ролей в диаграмму Tree Map, ресурсом выступает количество пользователей с такой ролью (HTML текст взят с другой рабочей базы на старой платформе, поэтому использую вкладку "Свой код")


 

Свой код

В поле «Вид диаграммы» можно выбрать значение «Свой код», этот вариант пригодится, если вы захотите потестировать остальные демо примеры библиотек с сайта. Для этого просто скопируйте javascript код на вкладку «HTML» и нажмите кнопку «Обновить» на вкладке «Диаграмма».


 

HighCharts

https://www.highcharts.com/

Библиотека от норвежских разработчиков Highsoft

Лицензия: Proprietary. Бесплатно для личного и некоммерческого использования. Для коммерческого использования придется заплатить денежку.

По это библиотеке статей на ИС поменьше. Библиотека очень богата на различные экзотические, но функциональные чарты, хороший интерактив, отличная диаграмма Ганта. На мой взгляд, она по всем параметрам чуть-чуть лучше AmCharts, так что присмотритесь к ней, если будете выбирать на чем строить визуализацию данных.

 

Basic Area

Кликом можно отключать видимость серий


 

Packed Bubble Chart

Кликом можно отключать видимость серий


 

User Supplied Data

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


 

Draggable Box 3D

Полноценный 3D график с точками, который можно крутить в любую сторону мышкой, выглядит очень круто. Почему-то все точки нарисованы черным, хотя в оригинале они цветные. Возможно я что-то напутал со стилями, глубоко не разбирался.


 

Gantt Resource

В обработке используется ресурсная диаграмма для того, чтобы можно было сравнить с AmCharts, но на самом деле возможности HighCharts гораздо шире. Есть проектные диаграммы со связями, поддерживается интерактивное изменение сроков, прогресс, картинки в интервалах и т.д.


 

Роли и пользователи в Packed Bubble

Демонстрация работы с данными 1C на примере вывода ролей в диаграмму Packed Bubble Chart, ресурсом выступает количество пользователей с такой ролью. Подписи выводятся только для ролей, у которых более 10 пользователей.


 

Свой код

Для тестирования демо примеров с сайта HighCharts, придется выполнить несколько действий. Разберем вариант просмотра кода в СodePen, нажмите соответствую кнопку на сайте под демо диаграммой — откроется окно онлайн редактора CodePen. Здесь нас интересует раздел HTML, скопируйте его содержимое в обработку, на вкладку «HTML». Далее надо скопировать код на javascript. Копируем код из раздела «JS» онлайн редактора и вставляем в обработку после предыдущего копипаста, обрамив этот участок кода тегом <script>. Для упрощения этой процедуры в обработке предусмотрена кнопка «<script>», которая обрамляет выделенный участок текста этим тегом. Опционально можно скопировать раздел «CSS» онлайн редактора, вставив его перед разделом JS и обрамив тегом <stylesheet>(в обработке есть соответствующая кнопка); на работоспособность он не влияет, но может менять внешний вид диаграммы. Нажмите кнопку «Обновить» на вкладке «Диаграмма».


 


 

DHTMLX

https://dhtmlx.com/

Библиотека от литовских разработчиков Dinamenta UAB (Литва прям лидер по JS визуализации :)

Лицензия: GNU GPL. Можно использовать бесплатно с некоторыми ограничениями даже в коммерческих проектах. За деньги дают некоторые продвинутые фишки, описанные на сайте разработчика.

По этой библиотеке совсем нет статей на ИС. Выглядит довольно сурово, но обладает неплохими возможностями по визуализации данных. Особенно хорошо проработана здесь диаграмма Ганта, на мой взгляд, она даже более продвинутая чем в AmCharts или в HighCharts. Остальные чарты выглядят скромнее и не отличаются сильным разнообразием.

 

Simple Gantt

Простая проектная диаграмма Ганта, поддерживается интерактивное изменение сроков, добавление задач, изменение связей. По задачам строится иерархическая структура


 

Rightside Columns Gantt

Проектная диаграмма Ганта, в которой показана возможность отображать дополнительные данные справа от графика.


 

Task Calendars Gantt

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


 

Keyboard Navigation Gantt

Диаграммой можно управлять с клавиатуры, поддерживаемые сочетания клавиш видно на скриншоте.


 

Сессии по журналу регистрации

Демонстрация работы с данными 1C на примере вывода длительности сессий работы пользователей в базе за последнюю неделю в диаграмму Ганта. Ничего более полезного и универсального, работающего на любой конфигурации придумать не смог, но для тестирования сойдет.


 

Свой код

Для тестирования демо примеров с сайта DHTMLX, придется выполнить несколько действий. Для начала перейдите в специальный демо раздел сайта, отсюда проще копировать код: https://docs.dhtmlx.com/gantt/samples/

Откройте какую-нибудь диаграмму и выберите через контекстное меню «Просмотр кода страницы» (Ctrl+U). Откроется текст страницы, скопируйте его в обработку на вкладку «HTML». Нажмите кнопку «Обновить» на вкладке «Диаграмма».


 

Что из себя представляет обработка

Весь код выводимых диаграмм сосредоточен в макете «Чарты», по ячейке на каждый чарт. Можно по аналогии добавлять с сайтов любую новую диаграмму в следующую ячейку (прописав соответствующий код вывода). Дополнительно в обработку внедрен исходный код из библиотек AmCharts, HighCharts, DHTMLX, который подставляется в код диаграммы, заменяя html ссылки на исходный код. Такая замена позволяет использовать javascript библиотеки вообще без подключения к интернету, из чего вытекает и минус — версии библиотек остаются неизменными, теми, которые зашил программист при обновлении обработки. При выборе вида диаграммы из списка HTML текст подгружается из соответствующей ячейки макета «Заготовка» и после замены ссылок на файлы библиотек на текст кода из соответствующих макетов HTML, строка присваивается данным элемента «Поле HTML документа».

По мере тестирования, обнаружил, что часто приходится вписывать однотипные теги, поэтому добавил пару кнопок на форму обработки

«<script>» - вставляет вокруг выделенного куска текста теги <script>...</script>

«<style>» - вставляет вокруг выделенного куска текста теги <style type="text/css">...</style>


 

Выводы

Наконец 1С развязал нам руки в плане использования современного HTML прямо на форме. Пусть пока в тестовой версии, но через некоторое время 8.3.14 выйдет в релиз и можно будет использовать эти возможности в работе. На ум приходят следующие сферы применения HTML полей: визуализация данных, 3D моделирование и анимация, сложные и динамически изменяемые формы ввода информации.

Update

31.01.2019 вышла релизная версия 8.3.14.1565, можно полноценно использовать HTML5 в работе!

HTML HTML5 javasript chart диаграмма диаграмма Ганта

См. также

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

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

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

6000 руб.

16.01.2015    61793    43    59    

80

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

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

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

5000 руб.

14.01.2016    54399    16    21    

42

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

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

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

2400 руб.

29.06.2020    16695    21    4    

35

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

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

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

27.12.2023    10735    750    elcoan    45    

106

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

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

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

2 стартмани

10.04.2023    9609    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    12078    1    5    

10
Комментарии
В избранное Подписаться на ответы Сортировка: Древо развёрнутое
Свернуть все
1. rpgshnik 3631 30.01.19 06:00 Сейчас в теме
УРА УРА УРА! Даже не обратил внимание на такую роскошь в 8.3.14.
2. JIEX@ 96 30.01.19 07:45 Сейчас в теме
3. manlak 77 30.01.19 09:42 Сейчас в теме
4. KEV8383 20 30.01.19 10:03 Сейчас в теме
5. CyberCerber 852 30.01.19 10:36 Сейчас в теме
6. Sla 30.01.19 10:50 Сейчас в теме
Огромная работа! Респектище!!!
Возможно ли подключить к-л библиотеку для динамической проверки орфографии (подчеркивать красным как в Word-e)?
10. Synoecium 778 30.01.19 14:12 Сейчас в теме
(6) попробуйте API Яндекс.Спеллер https://tech.yandex.ru/speller/, там есть REST интерфейс, который можно использовать на любой версии платформы 1С, проверяя то, что ввел пользователь в реквизит формы. По идее через JSON интерфейс тоже можно использовать этот API, но зачем? Разве что для какого нибудь продвинутого текстового редактора, который будет выдавать варианты подчеркнутых слов.
Для онлайн сервисов обычно есть ограничения, например у Яндекса:
на количество обращений к Сервису - в размере 10 тысяч обращений в сутки;
на объем проверяемого текста - в размере 10 миллионов символов в сутки.
Можно еще рассмотреть оффлайн спеллер, но для этого вам нужен будет словарь корректных слов, по которому надо искать слова из текста, введенного пользователем. Это можно сделать даже средствами 1с, если устроит производительность (навскидку, грузим словарь в соответствие и парсим текст наколеночным парсером в 1с, чтобы проверять отдельные слова в соответствии)
antonio_i; Sla; +2 Ответить
7. loda 26 30.01.19 10:50 Сейчас в теме
8. Synoecium 778 30.01.19 11:18 Сейчас в теме
(7) а еще Chart.js и с десяток других библиотек. Целью статьи не является сравнение всех библиотек, это скорее демонстрация возможностей HTML поля в 1С на новой платформе, поэтому я взял то, с чем сам пробовал работать. Для интересующихся отличиями и возможностями рекомендую самим пройти по сайтам с демо примерами и подобрать нужный фреймворк, также обзорную информацию можно получить вот здесь: https://en.wikipedia.org/wiki/Comparison_of_JavaScript_charting_libraries
insurgut; suepifanov; antonio_i; rpgshnik; CyberCerber; user774630; +6 Ответить
9. loda 26 30.01.19 11:22 Сейчас в теме
(8) Понятно. Просто вдруг в google charts что то не понравилось и вы могли бы этим поделиться.
Спасибо за проделанную работу.
11. dmarenin 347 30.01.19 18:46 Сейчас в теме
(0) проксирование в контекст 1с js eventов не завезли еще(в вашем примере перемещение, создание ганта например)? а то есть там поле Документ.defaultView.V8EventProxyObject а что с ним делать пока не понятно. Кто то уже знает?
13. dmarenin 347 31.01.19 18:06 Сейчас в теме
(11) кто не понял, сможет ли web kit в 3.14 так? если да то как?
Прикрепленные файлы:
42. eugeniezheludkov 43 05.05.20 01:58 Сейчас в теме
(13) С переходом на вебкит Похоже эти фишки полностью сломали (контекст формы 1С не передается в JS), а новые не добавили. свои события из JS->1C никак не вызвать, гуглил. Зря я обновил платформу , красивый отчет слетел, точнее перестал динамически вызывать адинэсовский код из JS, пробовал даже dispatchEvent(evt) и window.open() , 1С их не видит в упор
43. dmarenin 347 05.05.20 10:07 Сейчас в теме
(42) в (13) не используется dispatchEvent. в (13) пример использования хром ембедид. по вашему вопросу ответ ниже, повторюсь. используйте ws soket https://learn.javascript.ru/websockets. в (13) ивенты летят через com prc(аналогично событию "обработкавнешнегособытия"). в ws socket по сети. подход по ws универсален и не зависит от целевой платформы, клиентского приложения
Synoecium; +1 Ответить
44. dmarenin 347 05.05.20 10:13 Сейчас в теме
+ (43) хочу добавить:
1. с одной стороны ws socket на стороне js кода и вк для ws socket для стороны 1с
2. либо нттр сервис на стороне 1с и get\post из js кода

короче вариантов может быть >1
45. eugeniezheludkov 43 06.05.20 08:15 Сейчас в теме
(43) я нашел решение которое у меня работает
			function return1c(name,data1){
				 var evt = document.createEvent ("MouseEvent");
                    		evt.initMouseEvent ("click", true, true, window, 0, 
                                                0, 0, 0, 0, 
                                                0, 0, 0, 0, 
                                                0, null);
                
				let lnk = document.getElementById("lnk");
				evt.data = data1;
				
  				lnk.dispatchEvent(evt);
			} 
Показать

оказалось лишь некоторые эвенты принимает 1С.

так же нажав в поле HTML CTRL+ALT+SHIFT+F12 немного исследовал V8EventProxyObject у него всего 1 метод .proxyOnEvent знать бы как им пользоваться .

Про вебсокеты видимо я пропустил тот момент когда 1С научилась из внешней обработки поднимать сервер для вебсокетов из коробки , а ниже в комментариях только вариант с использованием внешней компоненты . вариант httpсервер + get|post из js (вообще было бы интересно проверить пустит ли безопасность ВебКита на внешний ресурс ajax) , но тоже как то нецелесообразно как по мне , должно быть простое лаконичное решение proxyOnEvent для этого подходит, но еще нет документации
Synoecium; +1 Ответить
46. Synoecium 778 06.05.20 08:18 Сейчас в теме
(45) спасибо за информацию. Сам пока не упирался в эти ограничения, так как текущие задачи не предусматривают HTML, но может придется в будущем.
12. antonio_i 80 31.01.19 14:17 Сейчас в теме
Супер. Наконец-таки это свершилось! (почти)
14. amd1986 01.02.19 13:55 Сейчас в теме
кто нибудь знает как подключить веб камеру к "Поле HTML документа"? Не используя внешних компонент и ресурсов. Т.е. уже встроенными средствами 1С. На 8.3.14.
15. Synoecium 778 03.02.19 11:27 Сейчас в теме
(14) покопался в вопросе подключения камеры в HTML5, в общем в веб клиенте работает (первый раз нужно разрешить использовать камеру), а вот в тонком клиенте запустить не получилось. Скорее всего тонкий клиент не поддерживает использование GetUserMedia(). Если кто в курсе как подключить, пишите в комментариях.
Прикрепляю обработку, которая демонстрирует захват с камеры в веб-клиенте.
Прикрепленные файлы:
ПроверкаВебки.epf
16. dmarenin 347 04.02.19 16:56 Сейчас в теме
(15) поле html в веб-клиенте - это iframe. через него дотянутся до родительского окна вряд ли получится.
17. amd1986 04.02.19 19:28 Сейчас в теме
(16)Жалко. Очень хотелось доработать механизм распознавания лиц из 1С не используя внешние компоненты. Придется пока костылять по старому..
18. amd1986 04.02.19 20:21 Сейчас в теме
19. KAV2 156 12.02.19 13:37 Сейчас в теме
Интересно, работает ли обработка событий? То есть чтобы по клику открыть расшифровку в СКД?
20. Synoecium 778 12.02.19 13:42 Сейчас в теме
(19) имеете ввиду чтобы в 1с СКД отчете при расшифровке ячейки показывать html поле с javascript визуализацией? По идее делается достаточно просто. Или вы имеете ввиду другую обработку событий - события из javascript диаграммы, перехватываемые в 1с?
21. KAV2 156 12.02.19 14:34 Сейчас в теме
(20) Да, я имею в виду второе, то есть перехват клика по html, и открытие уже 1С-ного отчета в качестве расшифровки.
kuznecov_egor; +1 Ответить
22. kuznecov_egor 12.02.19 15:51 Сейчас в теме
(21) Было бы интересно, если бы кто-нибудь пояснит, как это делается)
sergio199; +1 Ответить
27. s_vidyakin 63 09.04.19 15:04 Сейчас в теме
(22) Ничего сложного, вставляете в HTML data-атрибуты и при клике считываете, передаете в 1С функцию
23. Synoecium 778 13.02.19 08:25 Сейчас в теме
(21) Смотрите, у поля html в 1с есть событие ПриНажатии(), в нем есть доступ к данным события через параметр "ДанныеСобытия", в нем уже надо смотреть какие данные вам нужны для конретной диаграммы.
Например, в моей обработке есть диаграмма HighCharts->User Supplied Data, добавляем следующий обработчик нажатия на поле html:
&НаКлиенте
Процедура ХТМЛтекстПриНажатии(Элемент, ДанныеСобытия, СтандартнаяОбработка)
	Сообщить("x = "+ДанныеСобытия.Event.xAxis["0"].value);
	Сообщить("y = "+ДанныеСобытия.Event.yAxis["0"].value);
КонецПроцедуры


теперь при создании точки на диаграмме в 1с будет выводиться сообщение с её координатами
24. KAV2 156 13.02.19 08:42 Сейчас в теме
(23) Спасибо! Здорово что это работает в 8.3.14!
25. molot 285 23.03.19 14:38 Сейчас в теме
Блин, ну всё отлично работает в 8.3.14, но... В яндекс-картах перетаскивание не работает вообще никак! Вот печаль-беда... Может, я что не так делаю...
26. Steelvan 302 09.04.19 09:59 Сейчас в теме
Как вариант, взаимодействие ПолеHTMLДокумента <-> 1С можно настроить через веб-гнезда с использованием библиотеки https://infostart.ru/public/937068/

Не проверял, выкладка теоретическая

Обработка (на которой находится ПолеHTMLДокумента) при открытии должна запускать сервер веб-гнезд с прослушиванием определенного местного порта, например 127.0.0.1:2347. Соответственно, если обработок несколько, то порт++.
ПолеHTMLДокумента должно содержать js код для работы с веб-гнездами. ПолеHTMLДокумента при открытии должно создавать соединение с этим сервером, которое работает в оба конца для приема и передачи. И через веб-гнездо выполнять двусторонний обмен данными ПолеHTMLДокумента <-> 1С при разных событиях в ПолеHTMLДокумента или в 1С.
Для тонкого клиента должно работать.
28. gudun_ku 62 10.04.19 17:01 Сейчас в теме
Вопрос - зачем оборачивать все это великолепие в формы 1С?
Soloist; acanta; +2 Ответить
29. Steelvan 302 13.04.19 11:32 Сейчас в теме
(28) Намек на попытку компенсировать ущербность ? ;)
30. acanta 13.04.19 11:41 Сейчас в теме
(29) Она оказалась неудачной? Жаль. Надеюсь, что не последняя.
31. jif 03.07.19 11:43 Сейчас в теме
Есть возможность, например в User Supplied Data, изменять представление точки? т.е. другую фигуру, либо картинку? Спасибо!
32. Synoecium 778 03.07.19 12:05 Сейчас в теме
(31) да, причем возможности довольно широкие. Посмотрите пример по ссылке:
https://jsfiddle.net/gh/get/library/pure/highcharts/highcharts/tree/master/sa­mples/highcharts/plotoptions/series-marker-symbol/
там вместо точек используются различные значки, вплоть до произвольной картинки.
вкратце надо добавить в раздел series блок такого вида (для примера сделаем треугольные отметки радиусом 10):
          marker: {
            radius: 10,
            symbol: 'triangle'
            },
33. jif 03.07.19 12:56 Сейчас в теме
Спасибо за труд!! Интересная статья!
34. axelerleo 338 22.10.19 15:22 Сейчас в теме
Коллеги, а кто ответит на простой вопрос - как теперь в чудесной и прекрасной 8.3.14 обращаться к элементам DOM модели из 1С?
Document.getElementByID теперь нет, какие альтернативы? перебирать дерево DOM, оно же "ВнешнийОбъект"?
35. SlavaKron 22.10.19 15:44 Сейчас в теме
(34) getElementByID у ВнешнийОбъект работает точно так же как и у КомОбъекта.
36. axelerleo 338 22.10.19 15:51 Сейчас в теме
(35)Спасибо! Уже сам разобрался. Это мои кривые ручонки. Забыл про кейс-сенситив :(
37. curdate 50 05.11.19 15:29 Сейчас в теме
В 8.3.13 дергали поле html документа с параметрами в адресе, а в событии ДокументСформирован забирали результат из Элемент.Документ.url. Ну и дальше http запросами...

А в 8.3.15 событие ДокументСформирован после авторизации не вызывается, а как найти ответ в "ПриНажатии" - не понятно:(
38. Bolnov 09.01.20 09:42 Сейчас в теме
Не срабатывает событие при изменении у поля HTML документа, что-то нужно добавлять? или это баг?
39. Synoecium 778 09.01.20 13:10 Сейчас в теме
(38) Да, у меня тоже событие ПриИзменении не срабатывает вообще (8.3.15.1700 клиент-сервер), возможно что-то надо прописать на стороне js кода, но я в этом не спец.
Есть предложение создать группу в телеграмме, где можно переписываться именно по теме HTML в 1C, так как вопросов много, и есть люди, которые могли бы поделиться знаниями, но им неудобно мониторить вопросы к связанным публикациям. Плюс все может поменяться с очередной версией платформы, так что не получится создать исчерпывающую публикацию
40. Bolnov 09.01.20 14:36 Сейчас в теме
(39)

Хорошая идея!
У меня уже сейчас ещё вопрос есть)

1С:Предприятие 8.3 (8.3.15.1534)

На форме поле ПолеHTMLдокумента с типом "Поле HTML документа", путь к данным - это реквизит формы с типом строка (длина 1000)

&НаСервере
Процедура ПриСозданииНаСервере(Отказ, СтандартнаяОбработка)
    ДанныеПоляHTMLДокумента = "about:";
КонецПроцедуры


&НаКлиенте
Процедура ПолеHTMLДокументаДокументСформирован(Элемент)
    Элемент.Документ.Body.ContentEditable = "true";
КонецПроцедуры
Показать


Как ускорить формирование поля HTML документа?? Замечено, что без интернета загрузка происходит мгновенно. А если вместо "about:" подставить какой-либо несуществующий адрес, то загрузка происходит быстрее. Что подставить вместо "about:"?
41. eugeniezheludkov 43 04.05.20 18:00 Сейчас в теме
А можно ли как то вызвать из JS метод формы 1С ? раньше такой финт можно было сделать передав в js "ЭтаФорма", но сейчас на стороне js оно боксится в undefined
nikita080690; Hobbit_Jedi; +2 Ответить
47. insurgut 207 07.03.24 16:55 Сейчас в теме
Подскажите, никак не могу реализовать градиент для графика (пример во вложении). Возможно библиотека highcharts.js в макетах устаревшая? Так как все мои попытки установить градиент выводят просто черный график.

Если обновляю как есть (загружаю файл highcharts.js в макет), то график вовсе перестает работать.

Что-то необходимо дорабатывать в файле highcharts.js перед обновлением?


P.S. Как избавиться от ссылки Highcharts.com?
Прикрепленные файлы:
Оставьте свое сообщение