如何在ChartJS的LineChart中实现无连线的散点线图？

你完全不用改用散点图，通过修改折线图的数据集配置就能轻松隐藏点间连线，推荐两种简单方法：

• 在数据集里设置 showLine: false：这是最直接的方式，会直接关闭数据点之间的连线渲染，只保留数据点显示
• 或者设置 borderWidth: 0：把连线的宽度设为0，同样能达到隐藏效果

下面是示例代码片段：

const myChart = new Chart(document.getElementById('myChart'), {
  type: 'line',
  data: {
    labels: ['1月', '2月', '3月', '4月'],
    datasets: [{
      label: '示例数据',
      data: [12, 19, 3, 5],
      showLine: false, // 核心配置：隐藏点间连线
      pointRadius: 6, // 可自定义数据点大小
      pointBackgroundColor: '#2196F3' // 自定义数据点颜色
    }]
  },
  options: {
    scales: {
      y: { beginAtZero: true }
    }
  }
});

如果你的数据是按有序轴（比如时间、类别）排列的，用折线图加这个配置就完全够用。散点图更适合处理无固定顺序的XY坐标数据，对你当前的需求来说没必要切换。

内容的提问来源于stack exchange，提问作者nsunkad