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]