echarts之河南省市地图（根据数据大小控制颜色显示变化）

原创

于 2020-04-22 10:30:05 发布 · 置顶 · 3.1k 阅读

8 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #json #jquery #vue.js

直接上代码：

var mapOption = {
   
   
    tooltip: {
   
   
        show: true  //鼠标经过提示

    },
    visualMap: {
   
   
        show: false,
        min:10,
        max: 50, //控制根据返回值  控制数量
        text: ['High', 'Low'],
        realtime: false,
        calculable: true,
        inRange: {
   
   
            color: ['#0062cd', '#093EE5', '#0B33A9']  //显示颜色
        }
    },
    bmap: {
   
   },
    series: [{
   
   
            name: '数量',
            layoutCenter: ['50%', '50%'],
            layoutSize: '80%',
            aspectScale: 1,
            type: 'map',
            mapType: 'henan', // 自定义扩展图表类型
            zoom: 1.4,