ElementStacks

by jlbriggs

HTML

<script src="http://highcharts.com/js/testing.js"></script>
<div id="container" style="height: 400px; width: 500"></div>
<input type="text" id="name" value="" />

JavaScript

var chart = new Highcharts.Chart({
    chart: {
        renderTo: 'container',
        defaultSeriesType: 'scatter'
    },
    
    plotOptions: {
        pie: {
            dataLabels: {
                connectorColor: 'blue'
            }
        }
    },
    
    series: [{
        data: [
            {name:'Firefox',x:10,y:44.2},
            {name:'IE7',x:20,y:26.6},
            {name:'IE6',x:30,y:20},
            {name:'Chrome',x:40,y:3.1},
            {name:'Other',x:25,y:5.4}
        ]
    }]
}, function(chart){

    $('#name').change(function(){
        var regex = new RegExp(this.value, 'i');
        $.each(chart.series[0].data, function(i, point){
            
            if ( point.name.match(regex) )
               point.graphic.attr({
                   r:10
               });;
        });
        
    })
    
});