如何在chartjs中添加边框？

Question

我正在尝试找出如何在图表区域添加边框，但似乎我发现的所有内容仅适用于数据集和整个图表。下面的代码不起作用。

这是我的代码：

var myChart = new Chart(ctx, {
    type: 'bar',
    gridLines: {
        borderWidth: {
            top: 1,
            right: 0,
            bottom: 0,
            left: 1
        },
        borderColor: '#6B7280',
    },
}

（需要输出）在图表区域周围添加 5px 绿色边框，标签除外

Answer 1

没有默认的构建方式来实现这一点，如果你想要这个，你必须为它编写一个自定义插件：https://www.chartjs.org/docs/latest/developers/plugins.html

Answer 2

你可以用一个 div 标签包裹你的画布并为其设置边框， 如果标签不在其中，您可以设置 padding-bottom & left 以包含它