如何在工具提示的右侧而不是 Chart.js 的左侧添加填充？

Question

xPadding的工具提示配置中有一个xPadding属性。 它在工具提示的左侧和右侧添加了填充。 如何仅在右侧添加填充？

我使用 react-chartjs-2 并具有以下 JSX 代码：

<Bar data={data} width={1000} height={500} options={{ layout: { padding: 20 }}} />

Answer 1

这是从chartjs文档中提取的：

"如果这个值是一个数字，它被应用到图表的所有边（左，上，右，下）。如果这个值是一个对象，左属性定义左填充。同样的右，上和下属性也可以指定。”

let chart = new Chart(ctx, {
    type: 'line',
    data: data,
    options: {
        layout: {
            padding: {
                left: 50,
                right: 0,
                top: 0,
                bottom: 0
            }
        }
    }
});