微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

来自ajax调用函数的chart.data

如何解决来自ajax调用函数的chart.data

我想用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;

  });
}

解决方法

进行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";
  
});

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。