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