首页 > 解决方案 > 无法在 canvasjs 中显示来自 JSON 的数据

问题描述

嗨,很抱歉这个愚蠢的问题我错过了一些代码并且无法弄清楚,我从本课https://canvasjs.com/javascript-charts/json-data-api-ajax-chart/和当我编辑代码以放置我的 json api 和值什么都没有发生....(来自 json 的值是遥测仅 'timestamp' 和 'cpu' 值)我的代码是:

  window.onload = function() {

  var dataPoints = [];
  var cpuPoints = [];

  var chart = new CanvasJS.Chart("chartContainer", {
    animationEnabled: true,
    theme: "light2",
    title: {
        text: "consume timeline"
    },
    axisY: {
        title: "cpu use",
        titleFontSize: 24,

    },
    data: [{
        type: "column",
        yValueFormatString: "#,### Units",
        dataPoints: dataPoints
    }]
  });

  function addData(data) {
    for (var i = 0; i < data.length; i++) {
        dataPoints.push({
            x: new Date(data[i].timestamp),
            y: data[i].cpu
        });
    }
    chart.render();

  }

  $.getJSON("http://192.168.13.60:12345/api/metric/cpu", addData);

  }

请有人帮我弄清楚。我想我错过了一些要声明的变量

标签: javascriptajaxxmlhttprequestcanvasjs

解决方案


推荐阅读