echarts地图如何实现散点并且散点颜色随着数据的变化而变化【visualMap散点颜色变化】

如图所示
因为在上一篇说到咋们根据多个series
让散点的判断值根据这个地图的series走
来上代码！

let visualMap = [
          { //第一个series数据的散点颜色
            right: "4%",
            bottom: "15%",
            show:true,
            type: 'piecewise',
            // text: ['占比'],
            icon: "circle",
            align: "left",
            // dimension:function(series){
            //   console.log(770,series.data)
            // },
            dimension:1,         //指定用数据的『哪个维度』，映射到视觉元素上。『数据』即 series.data。 可以把 series.data 理解成一个二维数组,其中每个列是一个维度,默认取 data 中最后一个维度
            seriesIndex:0,        //指定取哪个系列的数据，即哪个系列的 series.data,默认取所有系列
            itemSymbol:"roundRect",             //默认的图形。可选值为： 'circle', 'rect', 'roundRect', 'triangle', 'diamond', 'pin', 'arrow'
            pieces: [
                {
                    end: 0,
                    label: '<0%',
                    color: "#777777"
                },{
                    start: 0,
                    end: 30,
                    label: '0%-30%',
                    color: "blue"
                },
                {
                    start:30,
                    end: 50,
                    label: '30%-50%',
                    color: "yellow"
                },
                {
                    start: 50,
                    end: 80,
                    label: '50%-80%',
                    color: "orange"
                },
                {
                    start: 80,
                    label: '80%+',
                    color: "red"
                }
            ],
            textStyle: {
                color: "#0fccff",
                fontSize: 15
            }
        },
         {//第二个series数据的散点颜色
             right: "3%",
            bottom: "40%",
            show:true,
           type: 'piecewise',
           icon: "circle",
            align: "left",
            // text: ['数量'],
           dimension:1,         //指定用数据的『哪个维度』，映射到视觉元素上。『数据』即 series.data。 可以把 series.data 理解成一个二维数组,其中每个列是一个维度,默认取 data 中最后一个维度
           seriesIndex:1,        //指定取哪个系列的数据，即哪个系列的 series.data,默认取所有系列
            itemSymbol:"roundRect",             //默认的图形。可选值为： 'circle', 'rect', 'roundRect', 'triangle', 'diamond', 'pin', 'arrow'
            pieces: [
                  {
                    start: 0,
                    end: 1000,
                    label: '0-1000',
                    color: "pink"
                },
                {
                    start: 1000,
                    end: 2000,
                    label: '1000-2000',
                    color: "blue"
                },
                {
                    start:2000,
                    end: 3000,
                    label: '2000-3000',
                    color: "yellow"
                },
                {
                    start: 3000,
                    end: 4000,
                    label: '3000-4000',
                    color: "orange"
                },
                {
                    start: 4000,
                    label: '4000+',
                    color: "red"
                }
            ],
           textStyle: {
              color: "#0fccff",
               fontSize: 15
            }
          }
        ]

通俗点来说
dimension:1, //指定用数据的『哪个维度』，映射到视觉元素上。『数据』即 series.data。 可以把 series.data 理解成一个二维数组,其中每个列是一个维度,默认取 data 中最后一个维度
//dimension:1 就是series中data里面的下标 根据那个数据值展示
seriesIndex:0, //指定取哪个系列的数据，即哪个系列的 series.data,默认取所有系列
// seriesIndex:0, 就是当seires里面有多个的话 这就是第几个