2014-02-21 29 views
0

我想發送數組數據來繪製圖表。我試圖通過使用html給用戶輸入值[x和y]。我可以從html獲取數據,但是當我傳遞給圖表時,格式不被識別。我正在使用this website中的代碼。在這裏你可以看到,值是靜態傳遞的。我想要動態傳遞。請幫幫我。當我傳遞數組時,它會顯示「爲圖表類型輸入錯誤格式的數據」。 [線圖]

<html> 

<head> 

    <title>JSChart</title> 

    <script type="text/javascript" src="jschatrs.js"></script> 

</head> 

<body> 
    <tr> 
     <td> 
      <input type="text" id="xText" name="xvalue"> 
     </td> 
     <td> 
      <input type="text" id="yText" name="yvalue"> 
     </td> 
    </tr> 

    <div id="graph">Loading graph...</div> 
    <button onclick="db()">Try it</button> 

    <script type="text/javascript"> 
     function db() { 
      var p = document.getElementById("xText").value; 
      var q = document.getElementById("yText").value; 
      var myData = new Array([0, 0]); 
      myData.push([p, q]); 
      alert(myData); 
      var myChart = new JSChart('graph', 'line'); 
      myChart.setDataArray(myData); 
      myChart.setLineColor('#8D9386'); 
      myChart.setLineWidth(4); 
      myChart.setTitleColor('#7D7D7D'); 
      myChart.setAxisColor('#9F0505'); 
      myChart.setGridColor('#a4a4a4'); 
      myChart.setAxisValuesColor('#333639'); 
      myChart.setAxisNameColor('#333639'); 
      myChart.setTextPaddingLeft(0); 
      myChart.draw(); 
     } 
    </script> 

</body> 

</html> 
+0

我建立一個應用程序,它從任何外接設備,直接讀取存儲數據以文本格式移動。它就像[原始軟件],它允許將外部源連接到計算機並以某種文件格式存儲在計算機中。我可以通過直接將外部設備插入移動設備來實現此目的嗎?如果是這樣,我需要知道我應該編寫單獨的代碼來讀取值並存儲在一個文件中。請指導我如何實現這一目標。謝謝 – user3335796

回答

1

這可能是因爲輸入元素的value屬性存儲爲字符串。試着分析他們作爲整數:

var p = parseInt(document.getElementById("xText").value, 10); 
var q = parseInt(document.getElementById("yText").value, 10); 
+0

非常感謝...其工作正常...謝謝你謝謝 – user3335796

0

它可能給你從xTextyText檢索值是由於是字符串而不是數字。

試試這個,如果他們全部整數:

var p = parseInt(document.getElementById("xText").value, 10); 
var q = parseInt(document.getElementById("yText").value, 10); 

這如果他們不:

var p = parseFloat(document.getElementById("xText").value); 
var q = parseFloat(document.getElementById("yText").value); 
+0

非常感謝...其工作正常.. :-) – user3335796

相關問題