google chart linechart

by enagu

HTML

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

JavaScript

function drawMultipleTrendlineChart() {

    var chart;

    var data = new google.visualization.DataTable();
    data.addColumn('number', 'Rapidez');
    data.addColumn('number', 'Tiempo');
    
  	data.addRows([
          [45, 1],


        ]);

   
    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
            }
        },
        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
});