Highcharts Demo

author(s): Torstein Hønsi

HTML

<script src="http://code.highcharts.com/highcharts.js"></script>
<div id="container" style="height: 400px"></div>

JavaScript

$(function () {
    $('#container').highcharts({
        title: {
            text: '',
            x: -20 /*center*/
        },
        background: {
            linearGradient: {
                x1: 0,
                y1: 0,
                x2: 0,
                y2: 1
            },
            stops: [
                [0, 'rgb(96, 96, 96)'],
                [1, 'rgb(16, 16, 16)']
            ]
        },
        subtitle: {
            text: '',
            x: -20
        },
        xAxis: {
            categories: ['Янв', 'Мар', 'Май', 'Июл', 'Сен', 'Ноя'],
            tickmarkPlacement: 'on',
            tickColor: '#d2d2d2',
            gridLineColor: '#eee',
            tick: false
        },
        yAxis: {
            title: null,
            tickPosition: 'inside',
            gridLineDashStyle: 'longdash',
            lineColor: '#d2d2d2',
            lineWidth: 1
        },
        tooltip: {
            valueSuffix: null
        },
        series: [{
            name: 'Some Name',
            data: [1.0, 6.9, 2.5, 8.5, 1.0, 12.5]
        }],
        legend: {
            enabled: false
        },
        exporting: {
            enabled: false
        },
        credits: {
            enabled: false
        },
        colors: ['#e0502f'],
        plotOptions: {
            series: {
                lineWidth: 4,
                marker: {
                    enabled: false
                }
            }
        }
    });
});