Highcharts Demo - Interpolation

author(s):

by Jens Kühn

HTML

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

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

JavaScript

$(function () {
    $('#container').highcharts({
        title: {
            text: ''
        },
        subtitle: {
            text: ''
        },
        xAxis: {
            type: 'datetime',
            dateTimeLabelFormats: {
                month: '%b \'%y'
            }
        },
        series: [{
            data: [{ x: 1362096000000, y: 29.9}, { x: 1364774400000, y: 71.5}, { x: 1367366400000, y: 106.4}, { x: 1370001600000, y: 99.9}, { x: 1372636800000, y: 108.4}],
            name: 'Alle Werte'
        },
        {
            data: [{ x: 1362096000000, y: 19.9}, { x: 1364774400000, y: 44.5}, { x: 1367366400000, y: 88.4}, { x: 1372636800000, y: 76.4}],
            name: 'mit fehlendem Wert'
        },
        {
            data: [{ x: 1370001600000, y: 25, color: '#ff0000'}],
            name: 'Interpolierter Wert - Regel 1',
            color: '#ff0000'
        },
        {
            data: [{ x: 1370001600000, y: 75, color: '#00ff00'}],
            name: 'Interpolierter Wert - Regel 2',
            color: '#00ff00'
        }]
    });
});