使用 Chart.js 版本 2.8.0 绘制基本的折线图。注意最右侧的数据点被截断了,但最左侧的数据点(第一个数据点)看起来完好无损。
我通过改变 pointRadius 的值来改变数据点圆圈的大小,但即使是最小值,数据点仍然会被截断。
我没有使用任何插件或花哨的设置。我用浅灰色背景填充了图表区域。除此之外,其他都是标准的 Chart.js。
我在这里重新创建了这个问题: https://codepen.io/LeoU/pen/gVLybO
这是我的选项设置。
options: {
legend: {
display: false,
},
tooltips: {
callbacks: {
label: function (tooltipItem, data) {
var tooltipValue = data.datasets[tooltipItem.datasetIndex].data[tooltipItem.index];
return "£" + parseInt(tooltipValue).toLocaleString();
}
}
},
scales: {
yAxes: [{
gridLines: {
color: "white",
lineWidth: 2
},
ticks: {
beginAtZero: true,
min: 0,
stepSize: 500000,
callback: function(value, index, values) {
return "£" + value.toLocaleString();
},
},
scaleLabel: {
display: true,
labelString: "Median house price"
}
}],
xAxes: [{
display: false,
ticks: {
display: false
}
}]
}
},
有人遇到过Chart.js类似的问题吗?