ElementStacks

by hfrntt

HTML

<script src="https://raw.github.com/highslide-software/highcharts.com/master/js/highcharts.src.js"></script>
<!--<script type="text/javascript" src="http://highcharts.com/js/testing.js"></script>
-->
<script type="text/javascript" src="https://raw.github.com/highslide-software/highcharts.com/master/js/highcharts.src.js"></script>


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

JavaScript

var chart = new Highcharts.Chart({
    
    chart: {
        renderTo: 'container',
        defaultSeriesType: 'pie'
    },
    
    legend: {
        enabled: true
    },
    
    series: [{
        data: [29.9, 71.5, 106.4, 129.2, 144.0, 176.0],
        showInLegend: true
    }]
}, function(chart){

    $.each($('.highcharts-legend span, .highcharts-legend tspan'), function(index, element) {
        
        $(element).bind({
            mouseover: function() {
                chart.tooltip.refresh(chart.series[0].data[index]);
            },
            mouseout: function() {
                chart.tooltip.hide();
            }
        });
    });
    
});