!!!###!!!title=75- 如何实现图例的标题和 图例左右分开显示?——VisActor/VChart FAQ 文档!!!###!!!

如何实现图例的标题和 图例左右分开显示?

问题描述

我想给图例新增一些文字描述,期望在图表底部新增一个图例和图例的文字描述。预期的布局效果是,文字左对齐,图例右对齐,并且文字和图例在同一行。 有什么图表库可以实现这种比较特殊定制的逻辑吗?

解决方案

VChart 的图例组件和标题组件提供了绝对定位的布局方式,通过设置 layoutType:'absolute'即可开启该布局模式。 随后为图表设置足够的 padding,将标题组件放在左下角,图例组件放在右下角,即可实现让图例的标题和图例左右分开显示。

代码示例

相关文档