echarts 根据Y轴的值(动态的)设置图上的背景色

2019-12-20  本文已影响0人  垃圾桶边的狗
option = {
    xAxis: {
        type: 'category',
        // 调整X轴文字方向
        axisLabel: {interval:0,rotate:0 },
        data: ['嘿嘿', '哈哈', '嘎嘎', '嘻嘻', '丫丫', '七七', 'PiuPiu']
    },
    yAxis: {
        type: 'value',
        max:1400,
        min:800,
        // 删除 axisLabel 显示刻度
        axisLabel : {
            formatter: function(){
                  return "";
            }
        },
        splitArea:{
            show:true,
            areaStyle:{
                color:[
                    'rgba(12,23,34,0.3)',
                    'rgba(10,53,54,0.6)',
                    'black',
                    'red',
                    'white',
                    'rgba(20,123,5,0.6)',
                    ]
            }
        }
    },
    series: [{
        dataBackground:'green',
        data: [820, 932, 901, 934, 1290, 1330, 1320],
        type: 'line'
    }]
};

下载 (6).png
上一篇 下一篇

猜你喜欢

热点阅读