如何基于通过chart.dataSource.url加载的数据创建线数可变的图表

Question

我有一个图表，其中包含通过ajax请求加载的一些数据

chart.dataSource.url = "...my url...";

只要我指定要绘制的每一行，它就可以工作。

var chartLine1 = chart.series.push(new am4charts.LineSeries());
chartLine1.dataFields.valueY = "pies_eaten";
chartLine1.dataFields.dateX = "date";

但是根据dataSource加载的结果，行数可变。 是否可以在图表渲染之前获取数据数组/对象或获取amCharts来为字段创建一行？

Answer 1

请查看有关manipulating external data的指南。使用dataSource的{​​{1}}事件，您可以直接操纵"parseended"，也可以通过将其重新分配给图表进行消费来重新分配它。

例如我们的demo on using JSON dataSource拥有2004-2012年的数据，我们可以将新数组传递给data的{​​{1}}：

dataSource

上面显示的是1999年至2008年的一行：

https://codepen.io/team/amcharts/pen/6a0026c6cc01406db3a178bd6dd3f931