Highcharts - custom point

by mark47

HTML

<script src="http://code.highcharts.com/highcharts.js"></script>

<div id="container" style="height: 400px"></div>

JavaScript

$(function () {
    var chart = new Highcharts.Chart({
        chart: {
            renderTo: 'container',
            type: 'spline'
        },
        
     legend:{
                    enabled:true,
                    showInLegend:true,
                    layout:'vertical',
                    align:'right',
                    verticalAlign:'top',
                    x:-10,
                    y:100,
                    borderWidth:0
                },
                rangeSelector:{
                    enabled:false
                },
                   
                title:{
                    text:'Data Points'
                },
                xAxis:{
                    categories: ['Abba','Beta','Gamma'],
                    title:{
                        text:'time'
                    },

                    gridLineWidth:0.5
                 
                },
               
                yAxis:{
                    title:"value"
                },
                plotOptions:{ 

                    series:{turboThreshold: 99999
                    }},
        series: [{
            data: [{y: 4.447361,color: '#663399', marker: { symbol: 'square', states: {hover: {fillColor: '#FFF'}}}}, 5, 8]
        }]
    });
});