2013-07-04 76 views
0

我想在高圖上添加一個重繪函數來顯示一系列新的一組數據,iv製作了按鈕,但背後的代碼正在掙扎。使用重繪從圖表中獲取數據,Jsfiddle提供

HTML:

<div id="container" style="min-width: 400px; height: 400px; margin: 0 auto"></div> 
<button id="button">redraw </button> 

JS:

function loadA(chart) { 
    chart.xAxis[0].update({ 
     categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'] 
    }); 
    chart.yAxis[0].setTitle({ 
     text: "kHw" 
    }); 
    chart.addSeries({ 
     name: 'Rainfall11', 
     type: 'column', 
     color: '#08F', 
     data: [100, 200, 300, 400, 100, 200, 0, 0, 0, 0, 0, 0] 
    }); 
    chart.addSeries({ 
     name: 'Rainfall2', 
     type: 'column', 
     color: '#808000', 
     data: [100, 200, 300, 400, 100, 200, 0, 0, 0, 0, 0, 0] 
    }); 
    chart.addSeries({ 
     name: 'Rainfall3', 
     type: 'column', 
     color: '#FFA500', 
     data: [100, 200, 300, 400, 100, 200, 0, 0, 0, 0, 0, 0] 
    }); 
} 
$(function() { 
    var chart = new Highcharts.Chart({ 
     chart: { 
      renderTo: 'container', 
      type: 'column' 
     } 
    }); 

哪裏的拉法走了,我怎麼會叫它單擊該按鈕時,重繪新的數據。

我現在有這個更新

function redraw() { 


// Delete all the series. 
while (chart.series.length > 0) { 
    chart.series[0].remove(false); 
} 

// Add the new series. 
chart.addSeries({ data: Highcharts.map(Array(12), Math.random) }, false); 

// Redraw the chart. 
chart.redraw(); 

但是我需要從圖表相同的數據;而不是刪除系列中,我需要從現有圖表添加數據,這樣我就可以從vb.net代碼調用它

UPDATE FIDDLE:

jsfiddle

回答

0

如果我理解正確的話,你是說按下按鈕不會加載新的系列。 如果是這樣,那是因爲您正在change處理程序中設置按鈕click處理程序。這意味着在註冊之前必須點擊B或C放射按鈕。將其移出change處理程序,如this,它將起作用。

+0

耶的作品,但我需要它從vb.net連接從而使數據從服務器取,所以我需要把那個機能的研究中的RegisterClientScriptBlock,任何想法如何 –

相關問題