gpt4 book ai didi

javascript - 当我传递 array 时,它说 "Input data in wrong format for chart type"。 [线形图]

转载 作者:太空宇宙 更新时间:2023-11-04 13:55:22 26 4
gpt4 key购买 nike

我正在尝试发送数组数据来绘制图表。我正在尝试使用 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/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com