Mark area 透明度echarts 折线配置项内容和展示

为Mark area 设置透明度,mark area label的透明度也会跟着改变。 为mark area 设置透明度可能是为了突出图表, 但是label也跟着变透明,会让用户不知道(很难看清) 该区域所代表的意义。

配置项如下
      option = {
    title: {
        text: 'Awesome Chart'
    },
    xAxis: {
        data: ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat']
    },
    yAxis: {},
    series: [{
        type: 'line',
        data: [220, 182, 191, 234, 290, 330, 310],
        "markArea": {
            "silent": true,
            "data": [
                [{
                    "yAxis": 50,
                    name: 'This is a mark area',
                    "label": {
                        "show": true,
                        "position": "insideRight",
                        "color": "#000000",
                    },
                    "itemStyle": {
                        "color": 'rgba(104, 210, 224, 0.5)'
                    }
                }, {
                    "yAxis": 200
                }]
            ]
        }
    }]
};
    
截图如下