Chart.js图表内部的自定义图例

我使用的是chart.js，我试图在图表中创建一个图例，而不是单独的html。我看到很多关于legendCallback的帖子，但这似乎只适用于希望图例位于html块中，而不是chart.js呈现的画布的一部分的情况

我需要这一切都在画布上，在我自己放在图表上的“标题”下面。日期是我的图表标签，“标题”是一个数据集，其中只有中间的数据段设置为可见，虚线是我的第五个数据集

我正在阻止标题和虚线数据集与此一起显示在图例中

legend: {
      labels: {
        filter: function(item, chart) {            
          return !item.text.includes('hide');
        }
      }
    }

此外，我希望我的传奇更像他们的台词：

如果无法制作那样的自定义形状，有没有办法在不改变数据点填充的情况下填充图例中的矩形

编辑：很抱歉顶部的变量声明不可靠，这是因为此脚本已转换为scirban模板