Highcharts Demo

author(s): Torstein Hønsi

by denova

HTML

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

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

JavaScript

Highcharts.chart('container', {
            chart: {
                type: 'area',
                borderWidth: 0
            },
            title: {
                text: '',
                style: {
                    display: 'none'
                }
            },
            subtitle: {
                text: '',
                style: {
                    display: 'none'
                }
            },
            legend: {
                align: 'right',
                verticalAlign: 'top',
                floating: false,
                itemStyle: {
                    fontWeight: 'normal'
                }
            },
            xAxis: {
                title: {
                    text: 'Ticket created at'
                },
                allowDecimals: false,
                labels: {
                    formatter: function () {
                        return this.value;
                    }
                },
                crosshair: {
                    color: 'black',
                    dashStyle: 'Solid',
                    width: 1,
                    zIndex: 999
                }
            },
            yAxis: {
                title: {
                    text: '',
                    style: {
                        display: 'none'
                    }
                },
                gridLineWidth: 0,
                lineWidth: 1,
                tickWidth: 1,
                labels: {
                    formatter: function () {
                        return this.value / 1000 + 'k';
                    }
                }
            },
            tooltip: {
                shared: true,
                pointFormat: '{series.name} <b>{point.y:,.0f}</b><br/>'
            },
            plotOptions: {
                series: {
                    lineWidth: 0,
                    states: {
                        hover: {
                            lineWidth: 0,
                            halo: {
                     ...