我想在高圖上添加一個重繪函數來顯示一系列新的一組數據,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:
耶的作品,但我需要它從vb.net連接從而使數據從服務器取,所以我需要把那個機能的研究中的RegisterClientScriptBlock,任何想法如何 –