ボタンをクリックすると、図表にポイントが追加され、図表(図表はhttp://www.highcharts.com/demo/dynamic-updateの改訂版です)全体を再描画せずにWebページにボタンを追加しようと考えています。しかし、私の現在のコードは動作していません。ここでハイチャート:ボタンをクリックしてダイナミックチャートを更新する方法は?
が問題のコードです: highcharts.js::キャッチされない例外TypeError:私はクロームでそれを実行しようとするとhttp://jsfiddle.net/wtvaz9gc/7/
var series;
$(function drawCharts(numberOfPoint) {
// if(typeof chartData == undefined){
// chartData = $(dataStore.getXml());
// }
$("#b").click(function(){
series.addPoint([3,3]);
})
$(document).ready(function() {
Highcharts.setOptions({
global: {
useUTC: false
}
});
$('#container').highcharts({
chart: {
type: 'line',
animation: Highcharts.svg, // don't animate in old IE
marginRight: 10,
events: {
load: function() {
series = this.series[0];
// window.myGlobal1 = this.series[0].data[this.series[0].data.length - 1].y;
// console.log(window.myGlobal1 + " " + this.series[0].data[this.series[0].data.length - 1].y);
},
}
},
title: {
text: ''
},
xAxis: {
title: {
text: 'Jahre'
},
// gridLineWidth: 0,
// lineWidth:1,
startOnTick: true,
tickPixelInterval: 40,
min: 0,
max: 10,
plotLines: [{
value: 0,
width: 1,
color: '#808080'
}]
},
yAxis: {
title: {
text: 'Vermögen(in EUR)'
},
labels: {
enabled: true
},
min: 0,
max: 100,
plotLines: [{
value: 0,
width: 1,
color: '#808080'
}]
},
tooltip: {
enabled : false,
formatter: function() {
return '<b>' + this.series.name + '</b><br/>' +
Highcharts.dateFormat('%Y-%m-%d %H:%M:%S', this.x) + '<br/>' +
Highcharts.numberFormat(this.y, 2);
}
},
legend: {
enabled: false
},
exporting: {
enabled: false
},
series: [{
name: 'Random data',
data: ($(function() {
// generate an array of random data
var data = [],
time = (new Date()).getTime(),
i, preValue;
for (i = 0; i < numberOfPoint; i += 1) {
if(i == 0){
data.push({
x: i,
y: 10
});
} else {
data.push({
x: i,
y: chartData["wealth"][0][i]
});
}
}
// showMsg(data);
// console.log(data);
return data;
}()))
}]
});
});
});
、私は次のようなエラー報告を得たi.spliceは関数ではありません addPoint @ highcharts.js:...
この場合、「addPoint」関数はどのように使用しますか? 目的を達成するために他の方法を使用すべきですか?
あなたのコンソールをチェックし、いくつかのエラーがあります:にReferenceError:chartDataは申し訳ありませんが –
に定義されていません。 、私はそれを修正します。 – Aqqqq
あなたがそれをしたときに教えてください。 – vaso123