Highcharts Demo

author(s): Torstein Hønsi

by Fusher

HTML

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

JavaScript

$(function () {
    var color = '#AA34FF';

    $('#container').highcharts({
        series: [{
            color: {
                linearGradient: {
                    x1: 0,
                    y1: 0,
                    x2: 0,
                    y2: 1
                },
                stops: [
                    [0, 'red'],
                    [0.5, 'green'],
                    [1, 'blue']
                ]
            },
            lineWidth: 10,
            marker: {
                enabled: false,
                states: {
                    hover: {
                        radius: 10,
                        fillColor: 'black'
                    }
                }
            },
            type: 'spline',
            data: [1, 2, 5, 3, 6, 7, 4, 2, 1]
        }]

    });

});