Question

我使用的是Google Developers的折线图API。 Link

当我尝试绘制图形时，它给出了错误轴＃0的数据列不能是字符串。我已经从堆栈溢出中查看了其他解决方案，但仍然无法解决它。有什么建议吗？

<script>
   var myarray = [['variable x','variable y']];

   function addInputs () {
    myarray.push([xInput.value,yInput.value]);
    }

   function graphPlot () {
         google.setOnLoadCallback();
         console.log("Graph is plotted!");
         var chart = new google.visualization.LineChart(document.getElementById('curve_chart'));
         var data = google.visualization.arrayToDataTable(myarray);

         var options = {
          title: 'Linear Regression Chart',
          curveType: 'none',
          legend: { position: 'bottom' }
        };

        chart.draw(data, options);
    }

  //Button send in input values into the myArray.
  enterButton.addEventListener('click',addInputs);

  //Button plots the graph
  plotGraph.addEventListener('click',graphPlot);

</script>

Answer 1

我通过将文本更改为浮点值来解决它。

myarray.push([parseFloat(xInput.value),parseFloat(yInput.value)]);

但我在index.html中的输入是数字类型。为什么它需要字符串值呢？

<html>
    <input type="number" step="0.1" id="xInput"/>
    <input type="number" step="0.1" id="yInput"/> 
</html>

Google折线图 - 轴＃0的数据列不能是字符串类型

1 个答案: