Highcharts Demo

author(s): Torstein Hønsi

by Kieran Dang

HTML

<script src="https://code.highcharts.com/highcharts.js"></script>
<script src="https://code.highcharts.com/modules/exporting.js"></script>
<script src="https://code.highcharts.com/modules/export-data.js"></script>

<div id="container" style="min-width: 310px; height: 600px; margin: 0 auto"></div>

JavaScript

Highcharts.chart('container', {
    chart: {
        type: 'spline'
    },
    xAxis: {
        title: {
            text: 'Subscribers'
        },
        categories: ['5k','10K','20k','50K','100k','150k','300k','500k'
]
    },
    yAxis: {
        title: {
            text: 'Cent (¢) / subscriber'
        }
    },
    plotOptions: {
        spline: {
            dataLabels: {
                enabled: true
            },
            enableMouseTracking: false
        }
    },
    series: [{
        name: 'THEOPlayer (base)',
        data: [2.80,2.80,2.80,2.80,2.80,2.50,2.50,2.20]
    }, {
        name: 'THEOPlayer (+ATV, tvOS)',
        data: [3.20,3.20,3.20,3.20,3.20,2.80,2.80,2.60]
    }, {
        name: 'PRESTOplay (+setup fee/1 year)',
        data: [null,null,null,7.99,4.28,3.45,2.23,1.45]
    }, {
        name: 'PRESTOplay (+setup fee/2 years)',
        data: [null,null,null,5.49,3.03,2.61,1.82,1.20]
    }, {
        name: 'Bitmovin (not enterprise)',
        data: [2.60,2.60,2.50,2.50,2.00,null,null,null]
    }]
});