amcharts -加载ajax数据

Question

我使用AMcharts来显示我的web服务器返回的JSON数据。我正在考虑使用如下选项

chart.dataProvider : getData() { ... },

在这里，我将进行ajax调用并返回服务器发送的任何数据。但是ajax调用是异步的，我不知道如何将成功函数的响应数据提供给图表。

我考虑使用dataLoader插件，提供如下url选项。

"dataLoader" : {
    "url": "my_server_url"
    ...
}

但是这种方法对我不起作用，因为我必须向我的won服务器发送一些额外的auth头，这可以在我自己的ajax调用中完成。

在发送回调之前，DataLoader插件的ajax请求似乎不会触发我的全局ajax，所以我不能将它挂接到发送身份验证令牌。

这里有什么帮助吗..。

Answer 1

根据@martynasma的说法，这里有一个适用于我的示例代码片段……

    return jQuery.ajax({
      type: 'GET',
      contentType: 'application/json; charset=utf-8',
      dataType: 'json',
      url: 'https://www.example.com/endpoint', //replace with your endpoint url
      beforeSend: function(xhr) {
        // Add your parameters here
      },
    })
    .done( function( data ) {
      // Create the chart with data
      var chart = am4core.create( 'chartdiv', am4charts.PieChart );
      chart.data = data;

      // Add and configure Series
      var pieSeries = chart.series.push(new am4charts.PieSeries());
      pieSeries.dataFields.value = "liters";
      pieSeries.dataFields.category = "country";
    })
    .fail( function ( err ) {
      console.log( err );
    })
  }
  
  create_chart();