Ниже мой код визуализации Google, я хочу добавить линии тренда - PullRequest
Новая
       1

Ниже мой код визуализации Google, я хочу добавить линии тренда

0 голосов
/ 03 июня 2019

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

<html>

            <head>
                <script type="text/javascript" src="https://www.google.com/jsapi"></script>
                </script>
            </head>
            <body>
                <div id="multipleTrendChart"></div>
            </body>
        </html>

        function drawMultipleTrendlineChart() {

            var chart;

            var data = new google.visualization.DataTable();
            data.addColumn('date', 'Date');
            data.addColumn('number', 'Sales value A');
            data.addColumn('number', 'Sales value B');

           data.addRows([
                [new Date(2013, 3, 11),   200,  1000],
                [new Date(2013, 4, 02),   500,  650],
                [new Date(2013, 5, 03),   700,  550],
                [new Date(2013, 6, 04),   800,  95],
                [new Date(2013, 7, 05),   500,  400],
                [new Date(2013, 8, 06),   900,  250],
                [new Date(2014, 0, 07),   800,  300],
                [new Date(2014, 1, 08),  2000,  200],
                [new Date(2014, 2, 09),  1000,  312]
              ]);





            var chartHeight = 400;
            var chartWidth = 600;
            var chartOptions = {
                tooltip: {
                    isHtml: true
                },

                title: 'Trendlines with multiple lines',
                isStacked: true,
                width: chartWidth,
                height: chartHeight,
                colors: ['#0000D8', '#00dddd'],
                hAxis: {
                    title: 'example title',
                    slantedText: false,
                    slantedTextAngle: 45,
                    textStyle: {
                        fontSize: 10
                    },
                    format: 'dd-MM-yyyy'
                },
                chartArea: {
                    left: 50,
                    top: 20,
                    width: (chartWidth - 10),
                    height: (chartHeight - 90)
                }
            };
            chart = new google.visualization.LineChart(document.getElementById('multipleTrendChart'));
            chart.draw(data, chartOptions);
        }

Мне нужен мой график с линиями тренда.

1 Ответ

0 голосов
/ 03 июня 2019

Попробуйте с кодом ниже: 

function drawMultipleTrendlineChart() {

    var chart;

    var data = new google.visualization.DataTable();
    data.addColumn('date', 'Date');
    data.addColumn('number', 'Sales value A');
    data.addColumn('number', 'Sales value B');

   data.addRows([
        [new Date(2013, 3, 11),   200,  1000],
        [new Date(2013, 4, 02),   500,  650],
        [new Date(2013, 5, 03),   700,  550],
        [new Date(2013, 6, 04),   800,  95],
        [new Date(2013, 7, 05),   500,  400],
        [new Date(2013, 8, 06),   900,  250],
        [new Date(2014, 0, 07),   800,  300],
        [new Date(2014, 1, 08),  2000,  200],
        [new Date(2014, 2, 09),  1000,  312]
      ]);


    var formatter = new google.visualization.NumberFormat({
        fractionDigits: 2,
        prefix: 'R$:'
    });
    formatter.format(data, 1);
    var dateFormatter = new google.visualization.NumberFormat({
        pattern: 'MMM yyyy'
    });
    dateFormatter.format(data, 0);
    var chartHeight = 400;
    var chartWidth = 600;
    var chartOptions = {
        tooltip: {
            isHtml: true
        },
        trendlines: {
            0: {
                //type: 'polynomial',
                //degree: 3,
                color: 'red'
            },
            1: {
                color: 'yellow'
            },
        },
        title: 'Trendlines with multiple lines',
        isStacked: true,
        width: chartWidth,
        height: chartHeight,
        colors: ['#0000D8', '#00dddd'],
        hAxis: {
            title: 'example title',
            slantedText: false,
            slantedTextAngle: 45,
            textStyle: {
                fontSize: 10
            },
            format: 'dd-MM-yyyy'
        },
        chartArea: {
            left: 50,
            top: 20,
            width: (chartWidth - 10),
            height: (chartHeight - 90)
        }
    };
    chart = new google.visualization.LineChart(document.getElementById('multipleTrendChart'));
    chart.draw(data, chartOptions);
}

google.load('visualization', '1', {
    packages: ['corechart'],
    callback: drawMultipleTrendlineChart
});
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...