Extended Symbol

HTML

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

JavaScript

var chart = new Highcharts.Chart({
         chart: {
            renderTo: 'container',
             defaultSeriesType: 'pie'
         },

         series: [{
            name: 'Series',
             data: [{ name: 'Point 1', y: 0.75}, { name: 'Point 2', y: 0.25 }]
         }],
    plotOptions: {
        pie: {
            dataLabels: { enabled: false },
            showInLegend: true
        }
    },
    
            legend: {
                enabled: true,
                layout: 'vertical',
                verticalAlign: 'middle',
                x: 200
            }
}, function(chart){
/*
    $('.highcharts-legend', chart.container).mouseover(function(){
        chart.tooltip.hide();
    });
*/
});