ステップラインチャート

通常の折れ線グラフは 2 つの点を直線で直接つなぎますが、ステップラインチャート（矩形波チャートとしても知られています）は、水平線と垂直線のみを使用して近くの項目同士をつなぎます。通常の折れ線グラフと比べると、ステップラインチャートは分析対象のデータの急激な変化をより明確に示します。

ECharts では、step はステップラインチャートの接続タイプを指定するために使用されます。ステップラインチャートの接続タイプは、'start'、'end'、'middle' の 3 つの値から選択できます。項目 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]
    }
  ]
};
ライブ

3 つの異なるタイプの線の違いに注目してください。

コントリビューター GitHub でこのページを編集

pissang pissang