如何在Chart.js中实现水平阶梯线而非默认折线

直接在折线图的数据集配置里加个属性就行，不用折腾额外插件：

• 在你的datasets数组里的目标数据集对象中，添加 stepped: true 配置，这样点之间就会用水平线段连接，不会出现默认的交叉斜线，完全匹配你要的底部图表样式。
• 要是需要微调阶梯的对齐方式，还可以把true换成'before'、'after'或者'middle'，不过一般用true就够用。

给你个实际代码示例参考：

// 初始化图表
const myChart = new Chart(document.getElementById('myChart'), {
  type: 'line',
  data: {
    labels: ['周一', '周二', '周三', '周四', '周五'],
    datasets: [{
      label: '日访问量',
      data: [800, 1200, 900, 1500, 1100],
      borderColor: '#2196F3',
      fill: false,
      stepped: true // 核心配置，开启水平阶梯连接
    }]
  }
});

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