相同的图形在我的视图中重复出现，在页面刷新时，图形发生了变化

The same graph is repeated in my view and upon page refresh, the graph changes

本文关键字：图形 变化 刷新 发生了 我的 视图      更新时间：2023-09-26

这是我在控制器中的循环。我试图使用Angular JS创建和显示图表，但我无法这样做。相同的图形在我的视图中重复出现，在页面刷新时，图形发生了变化。我想从JSON响应"选项"answers"投票"。我犯了什么错误?

for (var i = 0; i < response.response.options.length;i++) {
      labels.push(response.response.options[i].options);
                  data.push(response.response.options[i].votes);
                  $scope.labels = labels;
                  $scope.data = [
                      data        
                  ];

这是我的JSON。我有多个调用，因此像这样的多个json从API调用。

{
  "response": {
    "poll": {
      "id": "17",
      "story_id": "28346",
      "user_id": "32425",
      "question": "Who's your favorite actor?",
      "status": "1",
      "docs": "1473121969"
    },
    "options": [
      {
        "id": "59",
        "options": "1. Hamza Ali Abbasi",
        "image_url": "31xjr2a6f838gwqkw68p.png",
        "doc": "1473121970",
        "votes": "3"
      },
      {
        "id": "60",
        "options": "2. Emmad Irfani",
        "image_url": "w9yhbtlr39pzn9d9bijf.png",
        "doc": "1473121970"
      },
      {
        "id": "61",
        "options": "3. Shahbaz Shigri",
        "image_url": "hxnbem90wtlo7eb8tuew.png",
        "doc": "1473122087"
      },
      {
        "id": "62",
        "options": "4. Fawad Khan",
        "image_url": "f9q6ud83bjt8ateazzzs.png",
        "doc": "1473122111"
      }
    ]
  }
}

我想我知道你在做什么，为什么它不工作，这可能是你的"数据"数组。下面是一个jsfiddle，它使它工作并显示您想要的信息:

https://jsfiddle.net/jwb9acqL/

如果您查看原始代码中对象的控制台输出，则输出为:

[labels: Array[4], data: Array[1]]

其中data中的"votes"由于某种原因被放在另一个子数组中:

$scope.data = [
                  data        
              ];

我删除了那个额外的数组。看看有没有帮助。如果没有，我会说你需要发布图形代码。

相关文章：