我正在尝试发送数组数据来绘制图表。我正在尝试使用 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>
最佳答案
可能是因为input元素的value属性是以字符串形式存储的。尝试将它们解析为整数:
var p = parseInt(document.getElementById("xText").value, 10);
var q = parseInt(document.getElementById("yText").value, 10);
关于javascript - 当我传递 array 时，它说 "Input data in wrong format for chart type"。 [线形图]，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/21931993/