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

Question

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

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

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

标签： javascriptchart.jsfrontend

Answer 1

这是从chartjs文档中提取的：

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

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