Question

我正在使用chart.js，并且试图创建一个位于图表内的图例，而不是单独的html。我看到了很多有关legendCallback的帖子，但似乎只有当您希望图例位于html块中，而不是chart.js呈现在画布上的一部分时，它才起作用。

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

我要防止标题和虚线数据集显示在图例中

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

此外，我希望我的传说看起来更像他们的诗句：

如果无法制作这样的自定义形状，是否可以在不更改数据点填充的情况下填充图例中的矩形？

编辑：对不起顶部的变量声明，是因为此脚本已转换为scirban模板。