面積圖

面積圖使用背景顏色填充折線和軸之間的空間，通過面積的大小來表達數據。與普通折線圖相比，面積圖具有更直觀的視覺效果。它尤其適合用於少量系列的場景。

option = {
  xAxis: {
    data: ['A', 'B', 'C', 'D', 'E']
  },
  yAxis: {},
  series: [
    {
      data: [10, 22, 28, 23, 19],
      type: 'line',
      areaStyle: {}
    },
    {
      data: [25, 14, 23, 35, 10],
      type: 'line',
      areaStyle: {
        color: '#ff0',
        opacity: 0.5
      }
    }
  ]
};
線上範例

如果你想更改折線圖的面積樣式，請嘗試使用 areaStyle。 將 'areaStyle' 設置為 {} 以使用默認類型：使用系列的顏色以半透明方式填充面積。 如果你想更改樣式，請嘗試覆蓋 'areaStyle' 中的配置項。 例如，第二個系列的顏色更改為黃色，不透明度為 50%。

貢獻者 在 GitHub 上編輯此頁面

pissang pissang