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 () {

    // Define a custom symbol path
    Highcharts.SVGRenderer.prototype.symbols.line = function (x, y, w, h) {
        return ['M', x, y, 'L', x - w * 2, y, 'M', x, y, 'L', x + w * 2, y, 'z'];
    };
    if (Highcharts.VMLRenderer) {
        Highcharts.VMLRenderer.prototype.symbols.cross = Highcharts.SVGRenderer.prototype.symbols.cross;
    }


    $('#container').highcharts({
        chart: {
            type: 'scatter'    
        },
        title: {
            text: 'Look At Lines!!'
        },     
        series: [{
            name: 'Line Symbol',
            data: [54.4, 29.9, {y: 129.2, radius: 8}, 144.0, 176.0, 135.6],
            marker: {
                symbol: 'line',
                lineColor: null, 
                lineWidth: 2
            }
        }]
    });
});