如何解决使用两个或多个数据源在同一图表上渲染多个融合图
在我的头撞墙一整天后,我希望尝试寻求帮助。
我正在尝试使用 fusioncharts 在同一图表上呈现多个时间序列图。
示例:https://www.fusioncharts.com/fusiontime/examples/plotting-multiple-series-on-time-axis
我面临的问题是示例代码使用的数据源为单个数组中的两个图提供所需的数据,但是,我的要求是从两个不同的端点寻找数据(下面的示例)。
/api/price
[{"date":"1-Jul-21","price":10.04},{"date":"2-Jul-21","price":9.50},{"date":"3-Jul-21","price":18.25}]
/api/stats
[{"date":"1-Jul-21","stats":195},"stats":2046},"stats":1021}]
架构:
[{"name":"date","type":"date","format":"%d-%b-%y"},{"name":"price","type":"number"},{"name":"stats","type":"number"}]
任何帮助或建议将不胜感激,谢谢。
PS:Fusioncharts 使用 createDataTable,它需要两个参数,一个数据对象和方案对象。我最初的想法是这样的 createDataTable(data1,data2,schema) 但似乎这是不可能的,我不知何故需要一种解决方法或确保在 createDataTable 之前处理传递给 createDataTable 的数据被称为..
解决方法
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/
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。