[ apexcharts ] Mixed chart (area, column) gradient 따로 설정하기

 

https://mui.com/store/items/minimal-dashboard-free/

Minimal Free – Client & Admin Dashboard - MUI Store

 

이 샘플의 chart 처럼 column, area chart가 섞여 있는 경우,

area chart gradient 설정하는 방법..!

 

 

fill: {
        type: ['gradient', 'solid'],
        gradient: {
            shade: 'light',
            type: 'vertical',
            opacityFrom: 0.9,
            opacityTo: 0.1,
            stops: [0, 90, 100]
        }
    },

type에 ['gradient','solid'] 이렇게 설정해주면 된다!