Визуализация графики в 1С

Программирование - Практика программирования

графика javascript

48
Хочу предложить вашему вниманию коллекцию работающих в 1С 8.3  скриптов для эстетического или профессионального интереса.  Изучение текста этих скриптов позволит Вам использовать схожие приемы для реализации своих идей.

 Молочников Олег Spb. 2018.

Визуализация графики в 1С

Хочу предложить вашему вниманию коллекцию работающих в 1С 8.3  скриптов для эстетического или профессионального интереса.  Изучение текста этих скриптов позволит Вам использовать схожие приемы для реализации своих идей.

Использование чистого JavaScript: Расчет элемента по  формулам, поворот его  в 3D, проецирование на 2D плоскость. Визуализация производится методом Mонте-Карло:

3d Rose Monte  Carlo

Текст скрипта можно увидеть на закладке HTML приложенной обработкой. Сразу предупреждаю, скрипты не мои, от меня только небольшая адаптация для возможности работы в 1С.

На практике рекомендую использовать библиотеку d3 на javascript:

D3 это не простая библиотека, где вызов функции с нужной конфигурацией строит график. D3 это набор инструментов для визуализации данных. Он состоит из нескольких десятков небольших модулей, каждый из которых решает свою задачу. Кроме модулей для построения различных фигур, внутри D3 есть модули для работы с элементами на странице (простой аналог jQuery), загрузкой данных (аналог fetch/$.ajax, заточенный под форматы csv, json, xml и другие), форматированием и масштабированием данных, математическими функциями и другим.

В интернете есть огромное количество документации по D3, и если вы заинтересуетесь, вы легко можете ее найти.

Epicyclic Gearing

 

Circle Wave

 

 

Hello

 

Приятного просмотра и красивых решений!

 

Обработка с примером гарантированно работает на платформе 8.3 (тестировано на релизе 8.3.10.2580) с любыми конфигурациями только на управляемых формах.

P.S.: Надеюсь, вам понравится эта и другие мои статьи и разработки на //1cc1.ru/profile/48714/.

 

Очень жду ваших комментариев  и пожеланий.

 Молочников Олег Spb. 2018.

 

48

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

Наименование Файл Версия Размер
Тест javascript
.epf 14,99Kb
12.09.18
24
.epf 2_1 14,99Kb 24 Скачать

См. также

Комментарии
Избранное Подписка Сортировка: Древо
1. saa@kuzov.org 12.09.18 20:52 Сейчас в теме
Олег, спасибо за подсказку про d3.
Я сейчас решаю задачу обрезки и поворота изображения в веб- и тонком клиенте (УФ, свежайшие версии платформы).

Имеющиеся примеры на инфостарте - не работают. Либо не нашел работающих.
Подскажите, пожалуйста, как лучше это сделать
2. milkers 2051 12.09.18 21:08 Сейчас в теме
(1) Я уже почти в отпуске, был бы рад помочь, но могу помочь только советом. Посмотри статьи в интернете по d3. Он заточен под эти вещи.
3. milkers 2051 12.09.18 21:18 Сейчас в теме
(1) посмотри мои примеры, должны быть обязательные теги и выставлена совместимость с IE9
6. 🅵🅾️🆇 210 15.10.18 11:40 Сейчас в теме
(1)
Разбирать картинку на клиенте - не очень затея, лучше это делать на сервере.

Ну я сходу вижу три подхода:
1) использовать внешнюю компоненту/api windows/imagemagick linux, это все реально делать и на клиенте, но вряд ли стоит.
2) поднять отдельный сервис для работы с изображениями и обращаться к нему post запросом (микросервисы это сейчас модно), ну или использовать сторонний сервис, в этом случае можете вызывать и с клиента.
3) побайтово разбирать картинку самим 1с (двоичные данные), это геморно и наверное выйдет только с наиболее "простыми" форматами на вроде gif. На инфостарте, вроде, был пример в рамках описания работы с двоичными данными, также можно на клиенте и вероятно самый быстрый с точки зрения производительности способ, но это геморрой (если сделаете - поделитесь).

Еслиб я работал на фиксе и у меня былиб развязаны руки, яб, наверное остановился на втором варианте.
Если надо "побыстрому" или потдерживать не мне и неохото плодить сущности сделал бы первым.
4. borrman 19.09.18 10:17 Сейчас в теме
Интересная разработка. А пример практического применения можете назвать?
Какие-то дополнительные действия можно на эти картинки вешать?
5. milkers 2051 19.09.18 10:47 Сейчас в теме
(4) визуализация состояния объекта, например заполнение склада или покупка мест на стадионе.
Отображение сборных объектов в зависимости от параметров, например сборка трансформатора или оконной рамы от комплектующих.
Редакторы drag and drop объектов, таких как схема организации или бизнес-процессов, нотный редактор.
Визуализация научных данных, таких как схемы ДНК, молекулярные связи.
Визуализация диаграммы, векторных схем и пр.
userUgaz; +1 Ответить
7. susumanin 15.10.18 18:24 Сейчас в теме
(5) а потянет тот же d3 визуализацию стольких объектов?
ЦСКА арена - 30 тыс, Спартак-Арена - 45 тыс, Лужники - 70 тыс. мест и т.д.
8. milkers 2051 16.10.18 10:05 Сейчас в теме
(7) Так как обработка идет на клиенте, все упирается в производительность клиентской машины. Но я бы рекомендовал использовать уменьшение детализации при масштабировании. Например весь стадион отображается в виде закрашенных сегментов, с цветовой шкалой заполненности сегментов. сегменты можно увеличить до сидений.
9. susumanin 16.10.18 13:26 Сейчас в теме
(8) я как-то пробовал на Д3 отрисовать анимацию выкупа мест концертного зала, в хроме около 15 тыс точек одного цвета меняют на другой цвет через случайное время - на машине с кор ай 7 и 16 Гб оперативы зрелище было весьма унылое - перерисовка тормозит.
Остается только одно - отображать отдельно сектора, что сводит на нет всю прелесть идеи - видить целиком всю картину.
А деление зала на сегменты тоже так себе ход, т.к. значительно уменьшает возможность поиграться с визуализацией. Если отображается каждое место, то (учитывая что сегодня 95% продаж это веб, а значит зарегистрированные пользователи, а значит мы про них много знаем) можно раскрашивать места в зависимости от пола, возраста, был ли юзер на прошлом мероприятии, гео позиция и т.д. и т.п. - ограничение только фантазией.
А вот если зал/стадион разбит на сегменты то все это уже не покажешь никак или очень условно.
Посмотрите кстати как у яндекс.афиши реализована продажа билетов на крупные арены. Я смотрел продажи на Ленинград в Крестовском, у них получилось почти всю чашу отрисовать и видно каждое место.
10. dmarenin 46 18.10.18 16:37 Сейчас в теме
(9) нужно не использовать встроенный ie в 1с
Оставьте свое сообщение