Chart.js标签和点在右侧被截断

Chart.js标签和点在右侧被截断,chart.js,Chart.js,在chart.js中,我的图表上的最后一个日期标签似乎被截断了。2018年应该有一个数据点。 当研究它时,我看到它建议添加布局填充。 我试过了,但它完全禁用了图表。有人有其他解决方案或想法来解释为什么我的布局填充不起作用吗 该选项的工作方式如下代码段所示。但是,为了不完全隐藏图表区域,您需要仔细选择值(像素数) 然而,我宁愿定义xAxes.ticks.max,以确保显示2018年的刻度,即使只有2017年的数据可用 const years=[]; 常数VAL=[]; 谢谢你的建议。这很有效。

在chart.js中,我的图表上的最后一个日期标签似乎被截断了。2018年应该有一个数据点。 当研究它时,我看到它建议添加布局填充。 我试过了,但它完全禁用了图表。有人有其他解决方案或想法来解释为什么我的布局填充不起作用吗

该选项的工作方式如下代码段所示。但是,为了不完全隐藏图表区域,您需要仔细选择值(像素数)

然而,我宁愿定义
xAxes.ticks.max
,以确保显示2018年的刻度,即使只有2017年的数据可用

const years=[];
常数VAL=[];

谢谢你的建议。这很有效。干杯!!
        var myChart = new Chart(ctx, {
          type: 'line',
          data: {
            labels: dollar.years,
            datasets: [
              {label: 'Cdn dollar in cents',
                data: dollar.vals,
                borderColor: 'rgb(153,222,101)',
                backgroundColor: 'rgb(153,222,101, 0.2)',
                pointRadius: 0,
                borderWidth: 6,
                }]
              },

options: {
responsive: true,
title: {
display: false
},

legend: {
display: false
},

labels: {
padding:1
},

scales: {
yAxes: [{
ticks: {
min: 0,
max: 5,
stepSize: 1
}
}],

xAxes: [{
type: "time",
time: {
unit: "year",
tooltipFormat: "YYYY"
},

ticks: {
display: true,
labelOffset: -1,
maxTicksLimit: 5,
drawOnChartArea: false,
autoSkip: false,
maxRotation: 0,
minRotation: 0,
padding: 5

},
}],

}
}
  });
  }