AmCharts 4 DataSource:强制图表等待所有外部数据加载
AmCharts 4 DataSource: Force chart to wait for all external data to load
我正在使用 AmCharts 4 创建带有外部数据的散点图,使用此代码指向外部 URL:
dataURL = 'http://somesite.com/page?params=1234';
ScatterChart.dataSource.disableCache = true;
ScatterChart.dataSource.url = dataURL;
图表加载;然而,每次我加载图表时,它都会给我一组不同的数据,而且它总是缺少我期望的大量数据。当我转到 dataURL
时,外部数据会在大约 20 秒的时间内下载到其 URL 中。我觉得不是等数据源页面下载完信息再作图。
有没有办法强制 AmCharts 在绘制图表之前等待数据源完成加载?
这里是dataURL
的网络视图截图:
暂时离开这个项目,但最近又开始了,并确定图表只显示某些数据点的原因是数据的排序顺序,而不是任何类型的数据加载超时。
在这种情况下,我将描述在构建具有日期 X 轴和值 Y 轴的散点 XY 图表时发生的情况。
The documentation 说顺序对于线系列很重要,因为线的连接方式令人困惑,但它并没有说乱序数据不会显示。我在试验的时候发现不一定是这样。
当我按日期X轴升序排序时,显示所有数据。
data = data.sort((a, b) => a['DateX'] < b['DateX'] ? -1 : a['DateX'] < b['DateX'] ? 1 : 0)
当我没有按日期对数据进行排序时,它只会显示我的部分信息。
当我按日期列降序排序时,它只在我的图表上显示一个数据点。
data = data.sort((a, b) => a['DateX'] > b['DateX'] ? -1 : a['DateX'] > b['DateX'] ? 1 : 0)
最后,如果您遇到这种情况,请确保在将数据发送到图表之前对其进行排序。
我正在使用 AmCharts 4 创建带有外部数据的散点图,使用此代码指向外部 URL:
dataURL = 'http://somesite.com/page?params=1234';
ScatterChart.dataSource.disableCache = true;
ScatterChart.dataSource.url = dataURL;
图表加载;然而,每次我加载图表时,它都会给我一组不同的数据,而且它总是缺少我期望的大量数据。当我转到 dataURL
时,外部数据会在大约 20 秒的时间内下载到其 URL 中。我觉得不是等数据源页面下载完信息再作图。
有没有办法强制 AmCharts 在绘制图表之前等待数据源完成加载?
这里是dataURL
的网络视图截图:
暂时离开这个项目,但最近又开始了,并确定图表只显示某些数据点的原因是数据的排序顺序,而不是任何类型的数据加载超时。
在这种情况下,我将描述在构建具有日期 X 轴和值 Y 轴的散点 XY 图表时发生的情况。
The documentation 说顺序对于线系列很重要,因为线的连接方式令人困惑,但它并没有说乱序数据不会显示。我在试验的时候发现不一定是这样。
当我按日期X轴升序排序时,显示所有数据。
data = data.sort((a, b) => a['DateX'] < b['DateX'] ? -1 : a['DateX'] < b['DateX'] ? 1 : 0)
当我没有按日期对数据进行排序时,它只会显示我的部分信息。
当我按日期列降序排序时,它只在我的图表上显示一个数据点。
data = data.sort((a, b) => a['DateX'] > b['DateX'] ? -1 : a['DateX'] > b['DateX'] ? 1 : 0)
最后,如果您遇到这种情况,请确保在将数据发送到图表之前对其进行排序。