Я хочу заполнить цвет своего радиолокационного графика электронных диаграмм во флаттере

Question

Я использую электронные диаграммы в одном из моих приложений для флаттера, эта диаграмма специально представляет собой радиолокационную диаграмму, и у меня есть 2 графика, я хочу заполнить их по-разному с нулевой прозрачностью. Ниже приведен результат, которого я достиг. Внутренний график имеет красный цвет, внешний график имеет зеленый цвет, но из-за встроенной функциональности, когда я заполняю цвета, они перекрывают друг друга, как показано ниже.

Как вы можете ясно видеть на скриншотах, в чем заключается моя проблема. Я использую echarts, поэтому ниже я вставил код, который отвечает за показ скриншота

option: '''
                {
                  grid: {
                    color: '#999',
                    left: '4%',
                    right: '0%',
                    bottom: '0%',
                    top: '14%',
                    height: '85%',
                    containLabel: true,
                    z: 2,
                  },
                  xAxis: [{
                    type: 'category',
                    gridIndex: 0,
                    axisTick: {
                      show: false,
                    },
                    axisLine: {
                      lineStyle: {
                        color: '#0c3b71',
                      },
                    },
                  }],
                  yAxis: {
                    type: 'value',
                    gridIndex: 0,
                    splitLine: {
                      show: false,
                    },
                    axisTick: {
                        show: false,
                    },
                    axisLine: {
                      lineStyle: {
                        color: '#0c3b71',
                      },
                    },
                  },
                  radar:{
                    axisLine: {
                      lineStyle: {
                        color: '#478dd0',
                      },
                    },
                    splitLine: {
                      lineStyle: {
                        color: '#478dd0',
                      },
                    },
                    shape: 'circle',
                    name: {
                        textStyle: {
                            color: '#fff',
                            backgroundColor: '#999',
                            borderRadius: 3,
                            padding: [3, 5]
                        },
                    },
                    indicator: [
                        { name: 'Sales', max: 6500},
                        { name: 'Admin', max: 16000},
                        { name: 'IT', max: 30000},
                        { name: 'Customer Support', max: 38000},
                        { name: 'Development', max: 52000},
                        { name: 'Market', max: 25000}
                    ]
                  },
                  series: [{
                    name: '合格率',
                    type: 'radar',
                    areaStyle: {}, //this makes the graphs translucent, giving                         
                                   opacity to this element makes the graph change
                    data: [
                      {
                          value: [1500, 4000, 22000, 5000, 35000, 13000],
                          name: '预算分配（Allocated Budget）',
                          itemStyle: {
                            color: '#E93F33' //this color is red
                          }
                      },
                      {
                          value: [5000, 14000, 28000, 31000, 42000, 21000],
                          name: '预算分配（Allocated Budget）',
                          itemStyle: {
                            color: '#54c19f' //this color is green
                          }
                      }
                    ]
                  },],
                }
              ''',

любая помощь будет принята с благодарностью, заранее спасибо.