使用 Chart.js 版本 2.8.0 绘制基本折线图。\n观察最右边的数据点被切断。但最左边的数据点(第一个数据点)看起来完好无损。\n
I\xe2\x80\x99通过更改 pointRadius 的值来更改数据点圆的大小。但即使是最小值,数据点仍然会被切断。
\n\n我\xe2\x80\x99m 没有使用任何插件或奇特的设置。我用浅灰色背景色填充图表。但除此之外,其他一切都是一个盒子标准 Chart.js。
\n\n我\xe2\x80\x99ve在这里重新创建了这个问题:\n https://codepen.io/LeoU/pen/gVLybO
\n\n这是我的选项设置。
\n\noptions: {\n legend: {\n display: false,\n },\n tooltips: {\n callbacks: {\n label: function (tooltipItem, data) {\n var tooltipValue = data.datasets[tooltipItem.datasetIndex].data[tooltipItem.index];\n return "\xc2\xa3" + parseInt(tooltipValue).toLocaleString();\n }\n }\n }, \n scales: {\n yAxes: [{ \n gridLines: {\n color: "white",\n lineWidth: 2\n },\n ticks: {\n beginAtZero: true,\n min: 0,\n stepSize: 500000,\n callback: function(value, index, values) {\n return "\xc2\xa3" + value.toLocaleString();\n },\n },\n scaleLabel: {\n …Run Code Online (Sandbox Code Playgroud)