带指标卡环形图如何动态更新指标值?
问题描述
类似 (https://www.visactor.io/vchart/demo/pie-chart/pie-indicator)这样的带指标卡环形图, 这个指标卡里的数值现在是用户自己定义的,不支持自动变,但是可以计算之后更新这个值。指标卡里这个数字可以根据 hover 的扇区改变吗?该如何实现?
解决方案
不同图表库的解决方案不一样,根据你给的 demo,只需要设置交互触发类型和配置 text 字段内容。
- indicator.trigger 用来设置交 互触发类型。可选的交互类型有 hover、select、none。默认设置交互触发类型为 select。根据你的需求,需要将 indicator.trigger 设置为 hover。
- indicator.title.style.text 用来设置文本内容,且支持回调。可以根据需要的数据字段,在 text 中配置所需字段并可根据需求格式化展现形式。