Javascript 图表js多个标题

在图表JS中可以有多个标题吗

在当前状态下，我使用标题作为图表下方的描述。我还需要在图表顶部加一个标题。可能吗

我的案例的另一种选择是，如果有另一种方法在底部实现描述，并将标题保留为顶部标题

var图表=新图表（ctx{
键入：“行”，
数据：数据，
选项：{
标题：{
显示：对，
文本：“自定义图表标题”，
位置：'底部'，
}
}
});

您可以使用。它提供了可用于执行自定义代码的不同挂钩。在下面的代码片段中，我使用

afterDraw

hook在画布上绘制标题。这样你就可以画出你想要的任意多的标题，定义不同风格的标题，并把它们放在任何适合你的地方

请注意，在图表

选项
中，我还定义了一些布局填充。这样可以防止标题与图表栏重叠

layout: {
  padding: {
    top: 40
  }
}


Chart.plugins.register({
后置绘图：图表=>{
var ctx=chart.chart.ctx；
ctx.save（）；
ctx.textAlign='中心'；
ctx.textb基线='中间'；
ctx.font=“18px Arial”；
ctx.fillStyle=“灰色”；
ctx.fillText（'顶部标题'，chart.chart.width/2，20）；
ctx.restore（）；
}
});
新图表（document.getElementById（'myChart'）{
类型：'bar'，
数据：{
标签：['A'，'B'，'C'，'D']，
数据集：[{
数据：[10,12,8,6]，
背景颜色：[“红色”、“蓝色”、“绿色”、“橙色”]
}]
},
选项：{
布局：{
填充：{
排名：40
}
},
标题：{
显示：对，
文本：“自定义图表标题”，
位置：'底部'，
},
图例：{
显示：假
},
比例：{
雅克斯：[{
滴答声：{
贝吉纳泽罗：是的
}
}]
}
}
});