8.х Создание отчета с помощью JS и HTML

Тема в разделе "Конфигурирование на платформе "1С:Предприятие 8"", создана пользователем Persempre, 12 авг 2014.

  1. TopicStarter Overlay
    Persempre
    Offline

    Persempre Опытный в 1С

    Регистрация:
    18 июл 2012
    Сообщения:
    851
    Симпатии:
    3
    Баллы:
    29
    Добрый день уважаемые коллеги. Сегодня меня посетила мысль, что неплохо было бы изучить построение графиков с помощью JS HTML.
    Начал "копать" просторы сети, немного накопал информации, и даже какие-то рабочие отчеты. Но рабочие то рабочие, а вот создать свой на основе отчета не получилось.
    Может есть у кого рабочий самый примитивный подобный отчет ( http://infostart.ru/public/147901/ )чтоб можно было понять что там к чему. Спасибо
    --- Объединение сообщений, 12 авг 2014 ---
    Или есть время пошагово рассказать что да как... Ну реально спать не смогу пока не сделаю
    --- Объединение сообщений, 12 авг 2014 ---
    К примеру вот код разбираемого мной примера.

    Код:
    "<!DOCTYPE HTML>
                            |<html>
                            |    <head>
                            |        <meta http-equiv=""Content-Type"" content=""text/html; charset=utf-8"">
                            |        <script type=""text/javascript"" src=""http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js""></script>
                            |        <script type=""text/javascript"">            
                            |var chart;
                            |$(document).ready(function() {   
                            |        // Create the chart
                            |        window.chart = new Highcharts.Chart({
                            |            chart : {
                            |                renderTo : 'container'                            
                            |            },
                            |            title: {
                            |                text: '%%%НазваниеОтчета%%%'
                            |            },           
                            |            xAxis: {
                            |            categories: [%%%ДанныеХ%%%]
                            |            },           
                            |            yAxis : {
                            |                title : {
                            |                    text : '%%%НазваниеУ%%%'
                            |                }%%%МинУ%%%                
                            |            },   
                            |            tooltip: {
                            |               valueSuffix: '%%%Суффикс%%%',
                            |              valueDecimals: %%%Знаков%%%                          
                            |         },            
                            |        plotOptions: {
                            |           spline: {
                            |                   dataLabels: {
                            |                       enabled: true,
                            |                        valueDecimals: %%%Знаков%%%
                            |                    },
                            |                    enableMouseTracking: true
                            |                },
                            |                column: {
                            |                    dataLabels: {
                            |                        enabled: true,
                            |                        valueDecimals: %%%Знаков%%%
                            |                    },
                            |                    enableMouseTracking: true
                            |                }
                            |            },
                            |            series : [
                            |            %%%СЕРИИ%%%            
                            |            ]
                            |        });  
                            |});
                            |        </script>
                            |    </head>
                            |<body>
                            |<script src=""http://code.highcharts.com/highcharts.js""></script>
                            |<script src=""http://code.highcharts.com/modules/exporting.js""></script>
                            |<div id=""container"" style=""width: 100%; height: 100%; margin: 0 auto""></div>
                            |</body>
                            |</html>";

    Пока не могу понять - куда записывать/вставлять ТЗ.
    Последнее редактирование: 12 авг 2014
  2. nickpugachev
    Offline

    nickpugachev Профессионал в 1С Команда форума

    Регистрация:
    28 май 2012
    Сообщения:
    3.266
    Симпатии:
    131
    Баллы:
    104
    в блок %%%СЕРИИ%%% (заменить подстроку на нужные данные, скорее всего в формате json, не знаю я эту либу)

    посмотрите на бложик Сергея Кудашова (емнип так, хотя могу ошибиться) - у него много про html в 1с, правда он рафаэль любит
  3. TopicStarter Overlay
    Persempre
    Offline

    Persempre Опытный в 1С

    Регистрация:
    18 июл 2012
    Сообщения:
    851
    Симпатии:
    3
    Баллы:
    29
    Как понимаю все что в [] это массив - правильно? Т.е. по идее заменяя конструкцию нужными данными все должно получиться...
  4. nickpugachev
    Offline

    nickpugachev Профессионал в 1С Команда форума

    Регистрация:
    28 май 2012
    Сообщения:
    3.266
    Симпатии:
    131
    Баллы:
    104
    скорее всего да, но может быть и не просто массив значений - смотреть библиотеку надо
  5. TopicStarter Overlay
    Persempre
    Offline

    Persempre Опытный в 1С

    Регистрация:
    18 июл 2012
    Сообщения:
    851
    Симпатии:
    3
    Баллы:
    29
    Разобрался. Всё оказалось проще, но не так как думалось. Да %%%СЕРИИ%%% это массив, но замудреный очень.

Поделиться этой страницей