!!!###!!!title=96- 如何 hover 时显示图例的完整信息?——VisActor/VChart FAQ 文档!!!###!!!

如何 hover 时显示图例的完整信息?

问题描述

如下图所示,图例的文本被省略了,要怎么配置让 hover 上去显示完整文本?

解决方案 Solution

不同的图表库解决方案不同,在 VChart 上默认支持了省略文本的完整文本展示,只需要 hover 上去就可以显示。

结果展示

在线效果参考:https://visactor.io/vchart/demo/legend/custom-data

相关文档

图例 demo:https://visactor.io/vchart/demo/legend/custom-data

图例教程:https://visactor.io/vchart/guide/tutorial_docs/Chart_Concepts/Legend

图例配置:https://visactor.io/vchart/option/barChart#legends-discrete.type

github:https://github.com/VisActor/VChart