echart グラフ -- x 軸、y 軸データ対応マッピング

質問：

echart チャートを使用する場合、次の図に示すように、x 軸と y 軸のデータは対応していません。

実際には、Mon に対応する y 軸のデータは 0 であり、y 軸のデータはデータである必要があります。現時点では火曜日。その理由は、x 軸データと y 軸データの間にマッピング関係がないためです。

解決

(1)背景にデータのないx軸の点に値0を代入しますが、面倒で各点にデータがあるかどうかを確認する必要があります。
(2) echart 属性を使用します:
a. x 軸データを固定します。フィルタリングと並べ替えのために、すべての X 軸点を配列に入れます。
b. echart の series 属性を使用して、x 軸データと y 軸データを系列データに直接配置します。

series: [{
    
    
 name: 'Email',
  type: 'line',
  stack: 'Total',
  data: [['Tue',120], ['Wed',220], ['Thu',182]]
}]