阶梯线图

普通折线图直接用直线连接两个数据点，而阶梯线图（也称为方波图）仅使用水平和垂直的线将相邻的数据点连接起来。与普通折线图相比，阶梯线图可以更清晰地显示数据变化的突变情况。

在 ECharts 中，我们使用 step 来配置阶梯线图的连接类型。它有三个可选值：'start'、'end' 和 'middle'。对于数据点 A 和 B，这些值分别对应拐点在 A、B 以及 A 和 B 的中点。

option = {
  legend: {},
  xAxis: {
    type: 'category',
    data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
  },
  yAxis: {
    type: 'value'
  },
  series: [
    {
      name: 'Step Start',
      type: 'line',
      step: 'start',
      data: [120, 132, 101, 134, 90, 230, 210]
    },
    {
      name: 'Step Middle',
      type: 'line',
      step: 'middle',
      data: [220, 282, 201, 234, 290, 430, 410]
    },
    {
      name: 'Step End',
      type: 'line',
      step: 'end',
      data: [450, 432, 401, 454, 590, 530, 510]
    }
  ]
};
在线示例

请注意以下三种不同类型在线条上的差异。

贡献者 在 GitHub 上编辑此页

pissang