面積グラフ

面積グラフは、線と軸の間を背景色で塗りつぶし、エリアの大きさでデータを表現します。通常の折れ線グラフと比較して、面積グラフはより直感的な視覚効果があります。シリーズが少数のシナリオに特に適しています。

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
      }
    }
  ]
};
live

折れ線グラフのエリアスタイルを変更したい場合は、areaStyleを使用してみてください。'areaStyle'を{}に設定すると、デフォルトタイプが使用されます。シリーズの色を使用して、領域を半透明で塗りつぶします。スタイルを変更したい場合は、'areaStyle'の設定項目をオーバーライドしてみてください。たとえば、2 番目のシリーズの色は 50% の不透明度の黄色に変更されています。

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

pissang pissang