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({
        chart: {
        },
        yAxis:{
            gridLineWidth: 0,
            minorGridLineWidth: 0,
            tickInterval: 20,
             labels: {
                        format: '{value}'
                    }
        },
        xAxis: {
            
            categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec']
        },
        
        
        tooltip:{
                crosshairs: true
            },
        series: [{
            
             marker: {
                        enabled: false
                    },
            states:{
                        hover: {
                            enabled: false
                        }
                    },
            data: [29.9, 
                   {        marker: {
                            enabled: true,
                            fillColor: '#FFFFFF',
                            lineWidth: 4,
                            lineColor: "orange", // inherit from series
                            radius: 7,
                            borderRadius:2
                       },y:71.5
                   },
                   106.4, 
                   129.2, 
                   144.0, 
                   176.0, 
                   {        marker: {
                            enabled: true,
                            fillColor: '#FFFFFF',
                            lineWidth: 4,
                            lineColor: "#1786FF", // inherit from series
                            radius: 7,
                            borderRadius:2
                       },y:148.6
                   },
                   148.5, 
                   216.4, 
                   194.1, 
                   95.6, 
                   54.4],
            color: "#90ED7D"
        }]
    });
});