Erzeugungskurve

by Jens Kühn

HTML

<script src="https://code.highcharts.com/highcharts.js"></script>

<div id="container" style="height: 400px"></div>

JavaScript

$(function () {
    var chart;
    $(document).ready(function() {
        chart = new Highcharts.Chart({
            chart: {
                renderTo: 'container',
                type: 'spline',
                animation: false,
                plotBackgroundColor: '#fafafa',
                width: 485,
                height: 275
            },
            credits: {
                enabled: false
            },
            title: {
                text: 'Erzeugungskurve'
            },
            subtitle: {
                text: 'Erzeugungskurve - 25.10.2012'
            },
            xAxis: {
                 type: 'datetime',plotBands: [
                    {from: Date.UTC(2012, 8, 24, 0, 0, 0),to: Date.UTC(2012, 8, 24, 1, 0, 0),color: '#cddee8'},
                    {from: Date.UTC(2012, 8, 24, 2, 0, 0),to: Date.UTC(2012, 8, 24, 3, 0, 0),color: '#cddee8'},
                    {from: Date.UTC(2012, 8, 24, 4, 0, 0),to: Date.UTC(2012, 8, 24, 5, 0, 0),color: '#cddee8'},
                    {from: Date.UTC(2012, 8, 24, 6, 0, 0),to: Date.UTC(2012, 8, 24, 7, 0, 0),color: '#cddee8'},
                    {from: Date.UTC(2012, 8, 24, 8, 0, 0),to: Date.UTC(2012, 8, 24, 9, 0, 0),color: '#cddee8'},
                    {from: Date.UTC(2012, 8, 24, 10, 0, 0),to: Date.UTC(2012, 8, 24, 11, 0, 0),color: '#cddee8'},
                    {from: Date.UTC(2012, 8, 24, 12, 0, 0),to: Date.UTC(2012, 8, 24, 13, 0, 0),color: '#cddee8'},
                    {from: Date.UTC(2012, 8, 24, 14, 0, 0),to: Date.UTC(2012, 8, 24, 15, 0, 0),color: '#cddee8'},
                    {from: Date.UTC(2012, 8, 24, 16, 0, 0),to: Date.UTC(2012, 8, 24, 17, 0, 0),color: '#cddee8'},
                    {from: Date.UTC(2012, 8, 24, 18, 0, 0),to: Date.UTC(2012, 8, 24, 19, 0, 0),color: '#cddee8'},
                    {from: Date.UTC(2012, 8, 24, 20, 0, 0),to: Date.UTC(2012, 8, 24, 21, 0, 0),color: '#cddee8'},
                    {from: Date.UTC(2012, 8, 24, 22, 0, 0),to: Date.UTC(2012, 8, 24, 23, 0,...