2016-09-07 1 views
-1

私はこのコードを使用しようとしましたが、それは働いていない:ジャバスクリプト、Highcharts、変数

var chart = $('#container-australien').highcharts(); 

var tempData = [document.getElementById('A58').value]; 
alert(tempData); 

while(chart.series.length > 0) 
chart.series[0].remove(true); 

chart.addSeries({ 
    type: 'column', 
    name: "R1", 
    data: tempData 
}); 

私は例えば450でdocument.getElementById('A58').valueを交換しようとしましたが、それが働いています。 alert(tempData)を実行すると正しい結果が得られますが、ハイチャートでは機能しません。

なぜ私はdocument.getElementById('A58').valueを使用できないのですか?

+0

このフィドルはお役に立ちますか? http://jsfiddle.net/gh/get/jquery/1.9.1/highslide-software/highcharts.com/tree/master/samples/highcharts/demo/line-time-series/。あなたの 'tempData'にはあなたのjsonが含まれていなければなりません。 – John

+0

あなたの返信ありがとう! tempDataにはJsonディレクトリが含まれている必要がありますか、またはJsonコンテンツを含むことができますか? –

+1

問題の実例がありますか?実際の番号ではなく、データに '450'文字列を追加する可能性があります。この場合、parseFloat()を試してみてください:http://www.w3schools.com/jsref/jsref_parsefloat.asp –

答えて

0

ここに私が見つけた解決策があります: 各入力には1つの情報しかありません。

var chart = $('#container-australien').highcharts(); 

var DateSeance = document.getElementById('A58').value; 
var R1 = parseFloat(document.getElementById('A59').value); 
var R2 = parseFloat(document.getElementById('A60').value); 
var R3 = parseFloat(document.getElementById('A61').value); 
var R4 = parseFloat(document.getElementById('A62').value); 
var R5 = parseFloat(document.getElementById('A64').value); 
var R6 = parseFloat(document.getElementById('A65').value); 
var R7 = parseFloat(document.getElementById('A66').value); 

while(chart.series.length > 0) 
chart.series[0].remove(true); 

chart.addSeries({type: 'column',name: "R1",data: [{y: R1, date: DateSeance}]}); 
chart.addSeries({type: 'column',name: "R2",data: [{y: R2, date: DateSeance}]}); 
chart.addSeries({type: 'column',name: "R3",data: [{y: R3, date: DateSeance}]}); 
chart.addSeries({type: 'column',name: "R4",data: [{y: R4, date: DateSeance}]}); 
chart.addSeries({type: 'column',name: "R5",data: [{y: R5, date: DateSeance}]}); 
chart.addSeries({type: 'column',name: "R6",data: [{y: R6, date: DateSeance}]}); 
chart.addSeries({type: 'column',name: "R7",data: [{y: R7, date: DateSeance}]});