javascript - vue-echarts-v3 사용시 꺾은선형 차트 영역에 그라데이션 색상이 적용됩니다.

Question

제 차트 데이터입니다

빨간색 부분을 그라데이션 색상으로 하고 싶습니다.
visualMap 방법을 사용해 보았지만 원하는 효과를 얻을 수 없습니다.
새로운 echarts.graphic.LinearGradient(0, 0, 0, 1, [{

으아악

프로젝트에 너무 많은 리소스를 투입하고 싶지 않기 때문에 zRender 도입은 당분간 고려하지 않습니다. . .
도움말
vue-echarts-v3 플러그인 사용 문제를 해결하고 새로운 echarts.graphic.LinearGradient() 메서드를 얻고 싶습니다

<IEcharts :option="bar" class="step_echarts"></IEcharts

'vue-echarts-v3'에서 IEchart 가져오기
'echarts/lib/chart/line' 가져오기

기본값 내보내기{
data(){

으아악

}
}

Answer 1

3가지 색상을 무작위로 적어봤습니다.

으아악

Answer 2

위의 말씀이 맞습니다. 그라디언트를 원할 경우 범례를 설정하고 그라디언트의 위치를 ​​알려주어야 합니다. 그렇지 않으면 기본 색상이 사용됩니다