echart-区域划分填充

效果：不同区域不同散点，不同背景

 

1.散点颜色不同 https://www.cnblogs.com/GoTing/p/14545534.html

 

2.不同背景色

markArea属性 区域划分

 var markAreaOpt = {

        silent: true,

        label: {
            position: 'inside',
            color: "#000000"
        },
        data: [[
            {
                name: '一般客户',
                coord: [0, 0],
                itemStyle: {
                    color: "#fff2cc"
                },
            },
            {
                coord: [50, 50]
            }
        ],
        [
            {
                name: '维系客户',
                coord: [50, 0],
                itemStyle: {
                    color: "#ffcccc"
                },
            },
            {
                coord: [100, 50]
            }
        ],
        [
            {
                name: '重点开发客户',
                coord: [0, 50],
                itemStyle: {
                    color: "#e2efda"
                },


            },
            {
                coord: [50, 100]
            }
        ],
        [
            {
                name: '战略客户',
                coord: [50, 50],
                itemStyle: {
                    color: "#ddebf7"
                },
            },
            {
                coord: [100, 100]
            }
        ],],

    };

　　效果图：