有没有办法在同一行上对齐标题和图例?

问题描述

我正在使用 Chart.js 和 Vue 处理来自数据库的图形数据,想知道是否有任何方法可以将图形的标题和图例对齐在同一条线上?

将图例与“结束”对齐可将其置于大致正确的位置,但它仍位于标题下方的行上。

我试图实现的一个例子如下:

Graph example

解决方法

如果不自己为它编写自定义插件,我认为这是不可能的。 由于它不是以这种方式使用的构建,因此如果您有很多标签,则图例框可以根据需要尽可能宽。所以如果你知道你总是有 3 个标签,你可以编写一个自定义插件在画布上绘制标题