Question

我的最终目标是使用chartist.js中的数组数据创建仪表板。我是javascript和编程的初学者，我确实了解我需要为图表添加变量。我的第一个目标是添加更多console.log以在继续操作之前查看阵列。

<!DOCTYPE html>
<html>
<head>
<script src="https://cdn.jsdelivr.net/chartist.js/latest/chartist.min.js"></script>
<link href="https://cdn.jsdelivr.net/chartist.js/latest/chartist.min.css" rel="stylesheet" type="text/css" />
  <meta charset="utf-8">
  <title>first chart</title>
</head>
<body>
<div id="chart" class="ct-golden-section"></div> 
<script>

fetch('https://script.google.com/macros/s/AKfycbxY1tXSC6zbwvRc330EfyBNKgE0YiLWXx6p868uJh2d/dev')

    .then(function(response) {
        return response.json();
    })
    //.then(data => console.log(data))
//declare the data variable   
    var data = {
      //set our labels (x-axis) to the Label values from the JSON data
      labels: ids.map(function(id) {
        return id.Date;
      }),
      //set our values to Value value from the JSON data
      series: ids.map(function(id) {
        return id.Weight;
      })
    };

</script>

</body>
</body>
</html>
</body>
</html>

Answer 1

在查看发送回的JSON数据时，我发现您试图错误地访问数据（使用地图）。相反，您想直接访问结构内部的每个数组（即：weight> Date，weight> Weight）。有时您需要分析接收到的对象以检索正确的数据

其次，在查看您在评论中发布的链接后，您好像错过了关键代码(1 + x | group)。完整功能如下所示：

.then(function(ids))

调用fetch('https://script.google.com/macros/s/AKfycbxY1tXSC6zbwvRc330EfyBNKgE0YiLWXx6p868uJh2d/dev') .then(function(response) { return response.json(); }) .then(function(ids) { //Code that is required var data = { //set our labels (x-axis) to the Label values from the JSON data labels: ids.weight.Date, //Retrieve relevant array //set our values to Value value from the JSON data series: ids.weight.Weight //Retrieve relevant array } });时，它将等待上一条语句的执行，然后将上一次调用的返回值作为变量id传递。在您的代码中，从未定义过id。

如何修复JavaScript中的``ID不是函数''错误

1 个答案: