2013年7月30日 星期二

highchart highstock add / destroy series from click button

add series from click button

http://jsfiddle.net/gh/get/jquery/1.7.2/highslide-software/highcharts.com/tree/master/samples/stock/members/chart-addseries/

$(function() {
$('#container').highcharts('StockChart', {

   scrollbar: {
            enabled: true
        },

        navigator: {
            enabled: true
        },

   rangeSelector: {
    selected: 1
   },

        series: [{
name: 'MSFT',
data: MSFT
        }]
});

$('#button').click(function() {
var chart = $('#container').highcharts();
        chart.addSeries({
name: 'ADBE',
data: ADBE
});
        $(this).attr('disabled', true);
});
});

Destroy a chart


$(function() {
$('#container').highcharts('StockChart', {

   scrollbar: {
            enabled: true
        },

        navigator: {
            enabled: true
        },

   rangeSelector: {
    selected: 1
   },

        series: [{
name: 'MSFT',
data: MSFT
        }]
});

$('#button').click(function() {
var chart = $('#container').highcharts();
        chart.addSeries({
name: 'ADBE',
data: ADBE
});
        $(this).attr('disabled', true);
});
});

沒有留言:

張貼留言