Highcharts Demo

author(s): Torstein Hønsi

by Fusher

HTML

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

<div id="container" style="height: 400px"></div>
<button id="button">Hide series with id = 1</button> <span>ID: </span><span id="myID">1</span>

JavaScript

$(function () {
    var data = [];
    
    function r(no,it) {
        var arr = [];
        var min = it === 1 ? 100 : 10;
        for(var i = 0; i < no ; i++ ){
            arr.push(Math.random()*100+min);
        }
        return arr;
    }
    
    for (var i = 0; i < 20; i++) {
        data.push({
            data: r(10,i),
            item_id:  i              
        });
    }
    var chart = new Highcharts.Chart({
        chart: {
            renderTo: 'container'
        },
        series: data
    });
    console.log(data);
    
    // the button action
    $button = $('#button');
    $button.click(function() {
        var id = $("#myID").text();
        $(chart.series).each(function (i,value){
            if (value.options['item_id'] == parseInt(id)){
                value.hide();
            }
            
        });
    });
});