GCA Basis

by Jens Kühn

HTML

<script src="https://code.highcharts.com/stock/highstock.js"></script>
<script src="https://code.highcharts.com/stock/modules/exporting.js"></script>


<div id="container" style="height: 350px; width: 700px; border: solid 1px #0f0f0f"></div>

JavaScript

$(function() {
createChart();
// create the chart when all data is loaded
function createChart() {
    chart = new Highcharts.StockChart({
        chart: {renderTo: 'container'},            
        rangeSelector : {
            inputEnabled:false,selected : 0,
            buttons: [{type: 'month',count: 1,text: '1m'},
                      {type: 'month',count: 3,text: '3m'},
                      {type: 'month',count: 6,text: '6m'},
                      {type: 'all',text: 'All'}]
        },
        xAxis: {
          type: 'datetime',
          dateTimeLabelFormats: {day: '%d. %m'}
        },
        yAxis: {
            title: { text: 'Data in kWh/d' } ,
            labels: {formatter: function() {return this.value +'M';}}
        },
        plotOptions: {
            series: {
                lineWidth: 2,
                pointInterval: (3600000*24), // one day
                pointStart: Date.UTC(2012, 8, 7, 0, 0, 0)
            }
        },
        series: [
            {
                name: 'Auslastung',
                color: '#f3b256',
                data: [235, 369, 640, 105, 143, 206, 305, 461, 644, 482,
                       235, 369, 640, 105, 143, 206, 305, 461, 644, 482,
                       235, 369, 640, 105, 143, 206, 305, 461, 644, 482,
                       235, 369, 640, 105, 143, 206, 305, 461, 644, 482,
                       235, 369, 640, 105, 143, 206, 305, 461, 644, 482,
                       235, 369, 640, 105, 143, 206, 305, 461, 644, 482,
                       235, 369, 640, 105, 143, 206, 305, 461, 644, 482
                      ]
            },
            {
                name: 'Einspeisung',
                color: '#0c9cf2',
                data: [150, 120, 150, 200, 426, 660, 469, 160, 165, 247,
                       150, 120, 150, 200, 426, 660, 469, 160, 165, 247,
                       150, 120, 150, 200, 426, 660, 469, 160, 165, 247,
                       150, 120, 150, 200, 426, 660, 469, 160, 165, 247,
       ...