首页 > 解决方案 > 在 VueChartjs 中更改图例标签位置

问题描述

我目前正在使用 vue 管理前端的 laravel 项目,我正在使用 vuechartjs 制作饼图,下面是我制作的饼图:

在此处输入图像描述

但是,我想问一下是否可以将图例标签向下移动并将它们定位如下?

在此处输入图像描述

提前致谢

标签: cssvue.jsvuejs2chart.jsvue-chartjs

解决方案


是的,如果您只想将它​​们放在甜甜圈下方,则可以将position: 'bottom'其放入图例配置中,如果您还希望它看起来像屏幕截图中的那样,则需要一个html 图例


推荐阅读