Winny 发表于 2024-6-17 14:27:15

SpreadJS图表跟随数据绑定源动态变化

需求背景:不同用户登录系统之后,根据用户权限会返回与之相关的数据。与之相关的图表也要对应更新。
实现方式:

1. 模版设计:使用表格绑定设计初始模版

2. 选中整个Table,创建对应的图表

通过前边两步,即可完成初始模版的设置,接下来只需要调用相关数据绑定的api,绑定数据即可实现图表根据数据自动更新。
3. 数据绑定
调用sheet.setDataSource()设置用户数据。

demo体验地址:https://jscodemine.grapecity.com/share/MlgC1vsjgUa25oKKBoeJAQ/?defaultOpen=%7B%22OpenedFileName%22%3A%5B%22%2Findex.html%22%2C%22%2Fsrc%2Fapp.js%22%5D%2C%22ActiveFile%22%3A%22%2Fsrc%2Fapp.js%22%7D

demo中,点击修改绑定数据按钮,对应的表格数据和图表会自动更新。


页: [1]
查看完整版本: SpreadJS图表跟随数据绑定源动态变化