如何实现当鼠标悬浮于图例上时 圆形的图例扩大一圈高亮显示 并且去掉长方形的灰色的背景?
问题描述
怎么配置图例在鼠标悬浮时的样式,期望可以用图形变大替换灰色背景。
解决方案
VChart 的图例提供了图形在被鼠标悬浮时的样式配置,背景也可以关闭的配置
- item.background.visible 可以用来关闭或者开启图例项的背景
- item.shape.state.selectedHover 可以用来设置选中图形被鼠标悬浮时的样式
- item.shape.state.unSelectedHover 可以用来设置选中图形被鼠标悬浮时的样式
VChart 的图形样式配置属性是保持了统一的,在 selectedHover 和 unSelectedHover 里同时配置 size 就可以保证所有的图例项在被鼠标悬浮时点变大。