小编L.U*_*.U.的帖子

Chart.js - 折线图最右边的数据点截止

使用 Chart.js 版本 2.8.0 绘制基本折线图。\n观察最右边的数据点被切断。但最左边的数据点(第一个数据点)看起来完好无损。\n最后的数据点在折线图中被截断

\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\n
options: {\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)

layout charts linechart

5
推荐指数
2
解决办法
4348
查看次数

标签 统计

charts ×1

layout ×1

linechart ×1