使用两个或多个数据源在同一图表上呈现多个fusioncharts图

4xrmg8kj  于 2021-09-13  发布在  Java
关注(0)|答案(1)|浏览(365)

在我的头撞了一整天之后,我希望能尝试寻求一些帮助。
我正在尝试使用fusioncharts在同一图表上呈现多个timeseries绘图。
例子:https://www.fusioncharts.com/fusiontime/examples/plotting-multiple-series-on-time-axis
我面临的问题是,示例代码使用一个数据源,该数据源在单个数组中为两个绘图提供所需的数据,但是,我的要求是从两个不同的端点查找数据(下面的示例)。
/空气污染指数/价格

[{"date":"1-Jul-21","price":10.04},{"date":"2-Jul-21","price":9.50},{"date":"3-Jul-21","price":18.25}]

/空气污染指数/统计数字

[{"date":"1-Jul-21","stats":195},{"date":"2-Jul-21","stats":2046},{"date":"3-Jul-21","stats":1021}]

模式:

[{"name":"date","type":"date","format":"%d-%b-%y"},{"name":"price","type":"number"},{"name":"stats","type":"number"}]

任何帮助或建议都将不胜感激,谢谢。
ps:fusioncharts使用createdatatable,它需要两个参数,一个数据对象和一个scheme对象。我最初的想法类似于createdatatable(data1、data2、schema),但这似乎是不可能的,我不知何故需要一种解决方法,或者确保在调用createdatatable之前处理传递给createdatatable的数据。。

66bbxpm5

66bbxpm51#

createdatatable方法采用两个参数,一个是数据,另一个是模式,因为您希望显示同一日期的多个系列,假设您的数据来自两个api端点,您可以将这两个对象合并到一个数据数组中,例如,基于上述共享数据,如下所示

let schema = [{"name":"date","type":"date","format":"%d-%b-%y"},{"name":"price","type":"number"},{"name":"stats","type":"number"}]

let data = [["1-Jul-21",10.04, 195]]

其中1-ju-21表示日期,10.04表示价格值,195表示统计值
下面是一个类似的演示:https://jsfiddle.net/px6fbj3l/

相关问题