【问题标题】:chart.data from ajax call function来自ajax调用函数的chart.data
【发布时间】:2020-11-02 10:42:35
【问题描述】:

我想用 amCharts 制作一个图表,并有一些我通过 ajax 调用从服务器收到的值。 现在我想将这些数据用于我的图表 谁能告诉我该怎么做?

var chart = am4core.create("chartdiv", am4charts.XYChart);

  // Add data
  chart.data= (dont want to add data by myself)
  // Add and configure Series
  var pieSeries = chart.series.push(new am4charts.PieSeries());
  pieSeries.dataFields.value = "SalePrd";
  pieSeries.dataFields.category = "SaleYear";

和数据调用代码

var Ajax_URL= url;
  var Year_Val = GetSelectValue("YearSelect");
  var Prd_Val = GetSelectValue("PrdSelect");

  app.request.get(Ajax_URL, { "Token": Token_Data, "SaleYear":Year_Val, "SalePrd":Prd_Val }, function (data)
  {
    var data_Str=''+data;
    var data_Output = JSON.parse(data_Str);
    return data_Output;

  });
}

【问题讨论】:

    标签: javascript json ajax charts amcharts


    【解决方案1】:

    进行 ajax 调用,
    然后在数据返回时绘制图表...

    var Ajax_URL= url;
    var Year_Val = GetSelectValue("YearSelect");
    var Prd_Val = GetSelectValue("PrdSelect");
    
    app.request.get(Ajax_URL, { "Token": Token_Data, "SaleYear":Year_Val, "SalePrd":Prd_Val }, function (data)
    {
      var data_Str=''+data;
      var data_Output = JSON.parse(data_Str);
      
      var chart = am4core.create("chartdiv", am4charts.XYChart);
    
      // Add data
      chart.data = data_Output;
    
      // Add and configure Series
      var pieSeries = chart.series.push(new am4charts.PieSeries());
      pieSeries.dataFields.value = "SalePrd";
      pieSeries.dataFields.category = "SaleYear";
      
    });
    

    【讨论】:

    • 谢谢...但它不起作用。它给了我“未定义的值”错误
    • 哪个值?
    • hmmm... 似乎服务器有内部错误。但不应该...?
    • 如果您能够让 ajax 调用正常工作,请您分享数据样本吗? --> console.log(data);
    猜你喜欢
    • 2012-07-19
    • 2020-10-10
    • 2018-08-12
    • 1970-01-01
    • 2019-02-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多