echarts四川省地图+物质流+个性化标注

最新推荐文章于 2024-04-28 14:23:58 发布
最新推荐文章于 2024-04-28 14:23:58 发布
阅读量1w 收藏
点赞数
文章标签： javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_39650950/article/details/108382704
版权

var uploadedDataURL = “/asset/get/s/data-1528971808162-BkOXf61WX.json”;

/**
此版本通过设置geoindex && seriesIndex: [1] 属性来实现geo和map共存，来达到hover散点和区域显示tooltip的效果

默认情况下，map series 会自己生成内部专用的 geo 组件。但是也可以用这个 geoIndex 指定一个 geo 组件。这样的话，map 和 其他 series（例如散点图）就可以共享一个 geo 组件了。并且，geo 组件的颜色也可以被这个 map series 控制，从而用 visualMap 来更改。
当设定了 geoIndex 后，series-map.map 属性，以及 series-map.itemStyle 等样式配置不再起作用，而是采用 geo 中的相应属性。

http://echarts.baidu.com/option.html#series-map.geoIndex

并且加了pin气泡图标以示数值大小
*/
//煤炭
var meitanArr = [{
name: ‘石家庄’,
value: [114.528833, 38.03888, 100],
type: ‘meitan’
}
];
// 电石
var dianshiArr = [{
name: ‘邢台’,
value: [114.501237, 37.086934, 100],
type: ‘dianshi’
}
];
//原盐
var yuanyanArr = [{
name: ‘衡水’,
value: [115.697061, 37.747281, 100],
type: ‘yuanyan’
}
];

//烧碱
var shaojianArr = [{
name: ‘邯郸’,
value: [114.556429, 36.61379, 100],
type: ‘shaojian’
},
{
name: ‘长治市’,
value: [113.126874, 36.200568, 100],
type: ‘shaojian’
}
];

//PVC
var PVCArr = [{
name: ‘保定’,
value: [115.476293, 38.877914, 100],
type: ‘PVC’
}

];
// 纸浆
var zhijiangArr = [{
name: ‘沧州’,
value: [116.874488, 38.329313, 100],
type: ‘zhijiang’
}

];

//印染
var yinranArr = [{
name: ‘连云港市’,
value: [119.22891, 34.602487, 100],
type: ‘yinran’
}
];

//氧化铝
var yanghualvArr = [{
name: ‘朔州市’,
value: [112.440236, 39.336887, 100],
type: ‘yanghualv’
}
];

//粘胶纤维
var zhanjiaoxianweiArr = [{
name: ‘张家口’,
value: [114.905977, 40.76455, 100],
type: ‘zhanjiaoxianwei’
}
];

//洗涤剂
var xidijiArr = [{
name: ‘绍兴市’,
value: [120.586914, 30.03662, 100],
type: ‘xidiji’
}
];
var points = [{
name:‘宜宾市’,
value: [104.6494037048691, 28.75800702855183],
itemStyle: {
color: ‘#00FFF0’
}
}, {
name:‘乐山市’,
value: [103.7725376036347, 29.55794071745811],
itemStyle: {
color: ‘#00FFF0’
}
}, {
name:‘昭通市’,
value: [103.72351177196889, 27.34408386024681],
itemStyle: {
color: ‘#00FFF0’
}
},{
name:‘太原市’,
value: [112.55639149167205, 37.87698902884778],
itemStyle: {
color: ‘#00FFF0’
}
},
{
name:‘绵阳市’,
value: [104.6855618607612, 31.473663048745864],
itemStyle: {
color: ‘#F0E93C’
}
},
{
name:‘攀枝花’,
value: [101.72554117091441, 26.58803317333301],
itemStyle: {
color: ‘#F0E93C’
}
},
{
name:‘云阳’,
value: [108.70344750000172, 30.93661127197471],
itemStyle: {
color: ‘#00FFF0’
}
},
{
name:‘铜仁市’,
value: [109.19643889817665, 27.73778645640524],
itemStyle: {
color: ‘#F0E93C’
}
}, {
name:‘临沧市’,
value: [100.09544042014869, 23.89046855627851],
itemStyle: {
color: ‘#F0E93C’
}
}, {
name:‘盐城市’,
value: [120.167544265761, 33.355100917626199],
itemStyle: {
color: ‘#F0E93C’
}
}, {
name:‘台州市’,
value: [121.42743470427969, 28.66219405599615],
itemStyle: {
color: ‘#F0E93C’
}
}, {
name:‘河源市’,
value: [114.70744627290641, 23.749684370959753],
itemStyle: {
color: ‘#F0E93C’
}
}, {
name:‘榆林市’,
value: [109.74161603381396, 38.290883835484049],
itemStyle: {
color: ‘#F0E93C’
}
}, {
name:‘邯郸市’,
value: [117.20359278135502, 39.15348514470478],
itemStyle: {
color: ‘#F0E93C’
}
}, {
name:‘邵阳市’,
value: [111.474432885931, 27.245270272808566],
itemStyle: {
color: ‘#F0E93C’
}
}]
// var uploadedDataURL = “/asset/get/s/data-1482909892121-BJ3auk-Se.json”;
myChart.showLoading();
let index = -1;

$.getJSON(uploadedDataURL, function(geoJson) {

echarts.registerMap('china', geoJson);
myChart.hideLoading();
var max = 480,
    min = 9;
var maxSize4Pin = 100,
    minSize4Pin = 20;
option = {
    backgroundColor: '#183D6B',
    geo: {
        map: 'china',
        center: [108.70344750000172,30.93661127197471],
        aspectScale: 0.75, //长宽比
        zoom: 2.5,
        roam: false,
    },
    series: [{
            type: 'map',
            map: 'china', //使用
            center: [108.70344750000172,30.93661127197471],
            roam: false,
            zoom: 2.5,
            selectedMode: 'single',
            label: {
                normal: {
                    show: true,
                    textStyle: {
                        color: 'rgba(255,255,255,0.5)'
                    }
                },
                emphasis: {
                    textStyle: {
                        color: 'rgba(255,255,255,0.5)'
                    }
                }
            },
            itemStyle: {
                normal: {
                    borderColor: 'rgba(41, 97, 177, 0.2)',
                    borderWidth: 1,
                    areaColor: '#0C172F'
                },
                emphasis: {
                    areaColor: '#0C172F',
                    // borderColor: '#00FFF0',
                    // //    shadowColor: 'rgb(12,25,50)',
                    // borderWidth: 2
                }
            },
            
            //     roam: false,
            
            data: [{
                name: '四川',
                label: {
                normal: {
                    show: true,
                    textStyle: {
                        color: '#1DE9B6'
                    }
                },
                emphasis: {
                    itemStyle:{
                        areaColor: 'red',
                    },
                    
                    textStyle: {
                        color: '#fff',
                        fontSize:18
                    }
                }
            },
                selected: true,
                itemStyle: {
                    borderColor: '#00FFF0',
                    shadowColor: '#36BFF7',
                    shadowBlur: 10,
                    borderWidth: 3,
                    areaColor: 'red'
                }
            } // selected:true 默认选中
        ]
            // data: this.difficultData //热力图数据   不同区域 不同的底色
        }, {
            type: 'effectScatter',
            coordinateSystem: 'geo',
            showEffectOn: 'render',
            zlevel: 1,
            rippleEffect: {
                period: 15,
                scale: 4,
                brushType: 'fill'
            },
            hoverAnimation: true,
            label: {
                normal: {
                    formatter: '{b}',
                    position: 'right',
                    offset: [15, 0],
                    color: '#1DE9B6',
                    show: true
                },
            },
            itemStyle: {
                normal: {
                    color: '#1DE9B6',
                    shadowBlur: 10,
                    shadowColor: '#333'
                }
            },
            symbolSize: 6,
            data: points
        }, //地图线的动画效果
        {
            type: 'lines',
            zlevel: 2,
            effect: {
                show: true,
                period: 3, //箭头指向速度，值越小速度越快
                trailLength: 0.7, //特效尾迹长度[0,1]值越大，尾迹越长重
                symbolSize: 5, //图标大小
            },
            lineStyle: {
                normal: {
                    color: '#1DE9B6',
                    type: 'dotted',
                    width: 1, //线条宽度
                    opacity: 0.1, //尾迹线条透明度
                    curveness: .3 //尾迹线条曲直度
                }
            },
            data: [{
                    coords: [
                        [103.7725376036347, 29.55794071745811],
                        [104.6494037048691, 28.75800702855183]
                    ],
                    lineStyle: {
                        color: '#F0E93C'
                    }
                }, {
                    coords: [
                        [103.72351177196889, 27.34408386024681],
                        [104.6494037048691, 28.75800702855183]
                    ],
                    lineStyle: {
                        color: '#F0E93C'
                    }
                }, {
                    coords: [
                        [112.55639149167205, 37.87698902884778],
                        [104.6494037048691, 28.75800702855183]
                    ],
                    lineStyle: {
                        color: '#F0E93C'
                    }
                }, {
                    coords: [
                        [104.6855618607612, 31.473663048745864],
                        [104.6494037048691, 28.75800702855183]
                    ],
                    lineStyle: {
                        color: '#F0E93C'
                    }
                }

                , {
                    coords: [
                        [104.6494037048691, 28.75800702855183],
                        [101.72554117091441, 26.58803317333301]
                    ],
                    lineStyle: {
                        color: '#00FFF0'
                    }
                }, {
                    coords: [
                        [104.6494037048691, 28.75800702855183],
                        [108.70344750000172, 30.93661127197471]
                    ],
                    lineStyle: {
                        color: '#00FFF0'
                    }
                }, {
                    coords: [
                        [104.6494037048691, 28.75800702855183],
                        [109.19643889817665, 27.73778645640524]
                    ],
                    lineStyle: {
                        color: '#00FFF0'
                    }
                }, {
                    coords: [
                        [104.6494037048691, 28.75800702855183],
                        [100.09544042014869, 23.89046855627851]
                    ],
                    lineStyle: {
                        color: '#00FFF0'
                    }
                }, {
                    coords: [
                        [104.6494037048691, 28.75800702855183],
                        [120.167544265761, 33.355100917626199]
                    ],
                    lineStyle: {
                        color: '#00FFF0'
                    }
                }, {
                    coords: [
                        [104.6494037048691, 28.75800702855183],
                        [121.42743470427969, 28.66219405599615]
                    ],
                    lineStyle: {
                        color: '#00FFF0'
                    }
                }, {
                    coords: [
                        [104.6494037048691, 28.75800702855183],
                        [114.70744627290641, 23.749684370959753]
                    ],
                    lineStyle: {
                        color: '#00FFF0'
                    }
                }, {
                    coords: [
                        [104.6494037048691, 28.75800702855183],
                        [109.74161603381396, 38.290883835484049]
                    ],
                    lineStyle: {
                        color: '#00FFF0'
                    }
                }, {
                    coords: [
                        [104.6494037048691, 28.75800702855183],
                        [117.20359278135502, 39.15348514470478]
                    ],
                    lineStyle: {
                        color: '#00FFF0'
                    }
                }, {
                    coords: [
                        [104.6494037048691, 28.75800702855183],
                        [111.474432885931, 27.245270272808566]
                    ],
                    lineStyle: {
                        color: '#00FFF0'
                    }
                }
            ]
        },
        {
            name: '煤炭',
            type: 'scatter',
            coordinateSystem: 'geo',
            data: meitanArr,
            symbol: 'image://data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAC9ElEQVRYR+2WPUwTYRjH/8/1DgygaUATYoiUxEGDCV0YjAO9DsboIMZ2MUZxcXBiYQAHyyAkLsqgiYmJuLC0URlcuTYmLgxqRCWRoRoGg3zUQMtHPx7z3pWmH8ddeyWBwSe55e593+f3/p+vIxyw0QH7x+EGcI+zx8Xpl0Kl8z3kfcRDUrO8JVup9mGnd/P59q3NLz94AeDEykjjNav1lgq4x9M+F7MmDrh0gTCxfRetyoZl1F6nLuJFdgCzc6yvy5LSlRim+F6bLAFaH26HiOhBfQCkJoaVqDOAsZ1JAm7vAijLvyBT1lKBpOsY1qitoAAzj67ebww5Amgb2xHkfWJz50lAlqvL2fUkY2nFcMnAq9WRhgGnAEYg67PYykiDryaAm+/TvlQKVxeXeLA+38bu06cohJw8PaXSp/LzTDW9EUtHKS/9fgDkQxGb6lMqlDi0AE+O8rqvA4s9+6HAdzobAxCd6lMqqmHPtGat381Q1uoGYPyV/GF3TUm4uzinBeuvAkZM8odrq4ICwEwwCjL6gKnJTcbrTMpCKJ6W1Ei/MwWsAFo8IE8QyCTB8TCw9cfUB4NHXWrEWSfMaoEQwZgFBZObQGfuGbcWj1BBbjZA5p9VQBBwh9TwpCMFWAsMMuhx8WY6NwRengV+l82Xdh+oxQNeKPVFYJXUiLNhxFrAxyB9HOsmZO+4bHpT8Zm8IfD805JwENJdpL51No5ZC3oZ+FgAaM8nc/nt8wtETnDiK5D4VtgiqWHLCWY73kpKUQBkkoAIgYlVADA+S/6w16JE7P8JczOBOIg69UOOnICeAyLryyFEDrT7SkNg0wP0sFnRiW+54lI83gvquAJefFcBoJekSMKiBGVgwqWGLSeqLUBWC0wSSP8r2jXdmbsbnJjTX5G7W4+7rkyR2fWAqhQw7QVip6j/Fo/hbiNu2g3tSrAqANau9zOkN3ahMk1Kmx5QJUBZL6iBxK4EqwRwOJaZf0r+SD5Ge1PbJmENF3a09D/APzM9MDBOoIkUAAAAAElFTkSuQmCC',
            symbolSize: function(val) {
                return val[2] / 7.5;
            },
            label: {
                normal: {
                    show: true,
                    formatter: function(params) {
                        // console.log(params);
                        return params.name;
                    },
                    position: 'right',
                    color: '#fff',
                    fontSize: '8'
                },
                emphasis: {
                    show: false
                }
            },
            itemStyle: {
                normal: {
                    color: '#4bbbb2',
                    borderWidth: 2,
                    borderColor: '#b4dccd'
                }
            }
        },
        {
            name: '纸浆',
            type: 'scatter',
            coordinateSystem: 'geo',
            data: zhijiangArr,
            symbol: "image://data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAABhklEQVRYR+2WT1KDMBTG3wt2ph3paBfitu5aNvYG6lE8gR7B3kBv4E3EG9ANdclWXJQZGHWmlecEJrUihIamxUWzySa875cv7w8IDS9sWB8wCoYOApACyMS0prcK56VHMQ5sFXEgoOeuNb3UBhC9DZSCIbHQtDxXG4AIFAfDewA4lwTWar3QWSZhlgt4UQag2/o9gBYHolf7jjGgwxNvXDcpN8oBUcKm5dVuaGsDAIBrYPKrAX0Rc/jNDUwqS7l98DnBnh/mnVIBqOvyynfkGC267vRefOUc0KCehiCA0Gy9nwk3duyAuAY9iHnSCMBqU/s/ANkswBtdby2LU+gAzfrH8bzjI+DRtiEKAbjox2zQX8zxUTaUdMCVAixzlLuxaI+qxJDYU1pamFytnkVi0tFeCVAl/PMPkf1N5Vuxymiv3cO5MB9GfO+eeuku1s4AypzaAzTuAG9qBFBaRQjg/pkF62a+7Fwc2CMDE6VGtlEV5GGqrC+C1wpQZf3WAeo8o1YH6gB8Axqb1zdNIMxTAAAAAElFTkSuQmCC",
            symbolSize: function(val) {
                return val[2] / 7.5;
            },
            label: {
                normal: {
                    show: true,
                    formatter: function(params) {
                        // console.log(params);
                        return params.name;
                    },
                    position: 'right',
                    color: '#fff',
                    fontSize: '8'
                },
                emphasis: {
                    show: false
                }
            },
            itemStyle: {
                normal: {
                    color: '#ea6347',
                    borderWidth: 2,
                    borderColor: '#f4b391'
                }
            }
        },
        {
            name: '电石',
            type: 'scatter',
            coordinateSystem: 'geo',
            data: dianshiArr,
            symbol: 'image://data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAACSElEQVRYR+2XQXbTQAyGf+XlFXbNEZwTQE+Ai82a3qDNBic7cgLKCRJWjdkk3KBd49D0BIQTEE5Qd1leavEUx/a4ju0ZQx+beDsj6RtJv/RM+JvPd0dg7qA/7zV1Q00NMXGmIDrb2DPPmkI0A7h4fYZWa5qDbwhhDnBhW2i1f5ZkbggvGJtk1Rxg4l6DYO8OwiEOHrroLUJdCDOA6tfHMaOoh8G32dMA+O57AKNK54wr9IOTpwJYAHhV4/wGXlBSoqKlWQl8VwcA8AJtv9oXN+x6AP89A4YAE2cM0IusOrwC6BL94KpQMd89B/Chpgd2zwLfOQWLfMlSYv0g+M4tQJ2CU+YVCEN488v0TEuG6y4Gi1Vq4zsnYIxAauDklEOC77LRi6r6gPkT+nORavyp+6IkiADI1DqshIhwjEEgCgDiLCx32NzhYG2lU1CrXPxLAOqlJeV49nCUOv/85iWYvyvQdyCy8e6rgCWQZftCfeuNAOg0luzcL/Dm8frdBHFttBD3hxp8I1dnBtBpTWnleEjblOrQLuEFRzmnkgn5kpcnh2WN/ZgoWnfjQaQz4+WezoTTUYr42jZsNgl1ekFtRnGyKwNxaa5r0p8Oqwxgandw356B8LbUWAVQGzGnkjqAfC8Vd0E8OM5B6nTcIpUH+ggvkGYG5CG/27eFR8iaZoxTOW8vlC8jqSXaFhBZaFGIiEI8Xy9TKeZTnQEkClEJVLtHZGbbUDWuAtDQX3JlD7DPwD4D/yYDhj8jqkqbA2RLTJaU0f+gCvAHSKkI31OjatgAAAAASUVORK5CYII=',
            symbolSize: function(val) {
                return val[2] / 7.5;
            },
            label: {
                normal: {
                    show: false,
                    formatter: function(params) {
                        // console.log(params);
                        return params.name;
                    },
                    position: 'right',
                    color: '#fff',
                    fontSize: '8'
                },
                emphasis: {
                    show: false
                }
            },
            itemStyle: {
                normal: {
                    color: '#00ff00',
                    borderWidth: 2,
                    borderColor: '#55E355'
                }
            }
        },
        {
            name: '印染',
            type: 'scatter',
            coordinateSystem: 'geo',
            data: yinranArr,
            symbol: "image://data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAACZUlEQVRYR7WX300bQRDGfyPBc0gFMRWQVBBb8j2TDoAKAhUEVxCoAFJB4PlO4lxBnApiKgg829JEuz7b92f3dm9F7sWStTPzzezM980KCZ9OGSOcsWImJcsEFzsTSTHWMSMO+WNtlWspmKX4MTZJAGzcDK0FXQAXkmN+B31vBcBU4gVhMhREEgDN+Aj8cqS6YMVESl5iy5AGYMolwndPkB+Sc/5/AWT2rk+8QVYcx07H4ApUI/jUm6FyJQU3MVUYBEDHHHGICW56oO+bS8747QFk3ANnEY6XknMccS6eBzQ+uI0reZzv4BXYsh9wh/AlJqOKHZ+lYKQZNygqBVc+214A1bzfRdx52/8c7HUZW/PdS86FC4QXgO12+IlwFJ35/qARqFHLzlC1AdX4nAA0s0SyRZ8Q32vyqU3VHQC27MpTYub9YJVSCib1Q10AU5YIH4JpK88ID8DX4Nn6AWUiBeX2rwYA7ef4vRvlkTXnHFhN+DYIADS0og0gJvudg8ReaZDUDkBFs38D2TTQNzajIWVY8X4r2XsAmz3PLzLKK2tGba3XkDK6gNX6YAgAp8JVU1MivIsuQhKAWtnagYb2Ql0n4npAeZWinxEHgPgt+V7Om1Pgv88oedUpDwingatoUHIbgJeCY+Q1OBWORm4C2EjvwsOEHR53Nnj/VHQEyacF3a5WZlJwHep09VO5c1v2qaERpDaIYB94r6Cibtd7wb8PbN5/Rr8/77IObLueSbiVnEtf5cIr2WY3MA5O7PNrbXd+58unVf559XDdKd+gjchBNmYVty8eV0ZV9gaoCWhWsKiH6j/NPeohS8oR6gAAAABJRU5ErkJggg==",
            symbolSize: function(val) {
                return val[2] / 7.5;
            },
            label: {
                normal: {
                    show: false,
                    formatter: function(params) {
                        // console.log(params);
                        return params.name;
                    },
                    position: 'right',
                    color: '#fff',
                    fontSize: '8'
                },
                emphasis: {
                    show: false
                }
            },
            itemStyle: {
                normal: {
                    color: '#FAFF1A',
                    borderWidth: 2,
                    borderColor: '#E3BC1F'
                }
            }
        },
        {
            name: '原盐',
            type: 'scatter',
            coordinateSystem: 'geo',
            data: yuanyanArr,
            symbol: 'image://data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAEY0lEQVRYR8VXS3IaVxQ996EGT6zgWapiZDSJmlHQCoxWEGkFllYgeQXBKzBegdEKRFZgsgK3RiiZGINTlZlbaJL0C++m3q/7NSBAqlSZiarUzXvnnnvOuRfCN/7QN74fDwLwxw9RWwm8AtAGoQ5Q2xbACRgpgEQoXP74p0y2LWwrAKNGdEpEvwBobnnwmMDdg4m83PT+WgCm4greF5XqYvErExIoNSQhPpj6lTqCEB1iw8zPxaWciDnO1jFyL4DfG5VjJqEvrwN8y6Dek1nW208N1eZzs1dl/TeeZPk5n+qo/71bvSBAM6bhpcTq7GA6H6xiYyUAe3nlyn6fr2t3shNerJlhoZqKyYARxHUl50nrL4z9JaPv0aQoGoDoJ89S68u/w0UQSwAc7R905cx82ZrK0/zQQAvM/FtrKjv62agRDYnopRYjsXrjqzVsPI0G7lkq5jhabMcSgJtGlBjUzNfxVBqV64P+eRpdgchcaIkpwBUA8ofD2p080ay57w4tE5zEE3kYslAC4NT+Xve8NpPN/IDdSDNiwDDwBlnWD+l2LGimtFteOohJbSaP9BmmHdXqJwf8rDWVfQ+iDGCvOibghb6kNcm6C/TesuLjVX0MK7rZiy4AeutB+IpHe9WuE+Y4nmT7SwBs7+mjflCbZc808vAwbTV/uRPYuQkkAEQ0VFl26VkpmLSM6WJMK3arX41o53zotZAzcPM86kHQufZ5PM2OTfWekaDfZXuGtXPKjNee3ptGdWAzgdPaTO6bgvz/FL+Lv8gLAz5QuFGyRxxa0SMOWTKBxKpnGRAXPoBWvUs8P9HO8G0IHVQw4NTvqc57FrghryBgyRfgn5XcsaCp0fOdjk3Pwg0FAJdqTjwpZ/JwUek++UI95AwWh6fxRD4Lm2NdEH20qWo/Pj3vA3DLmWw/BEDYsjCajZYsgASg7+4H4FrgHVDYpqCrCCkM4ml2UrKfF1jQslzEzgl5C4J3lkXo7BZWxFm2r9koeZwxqDgRzq0IjXOY2QRNKNjtROht6CxifRuNNW1hMBX2Cut3ygnmQy5K4HNrkpk9Yq0NC8SciyhIr1J42P+zTjzX0/K4LgWRY2RjEIXBA/DreCKNx/O+g5emmRYXdnaaYTzby/HWTdNiYroo5oCRUhC53NfDRA+jPL3K08wkVzeMXd8IuyPgnIns+A72iK2HUali5mE8lUf6f+W5nvc73xUWdaGT7smdPF6apoH6PfD7FpKh7i8x9w+m8sy/bJwB0dWzfdVCoukFc9fPg/Iewbdijs7GhURfVlrJwAln8mRx3RJRpR2uZKTEODzchc9VvkcE0zT0z6altG+VzimBetVZ9m6bpTTbrZ4zYPYJs9Cu2SM2r+UCfb9Y2vMwINI/QNRwLoRZMitKdZQQHbZruQkkL0ShcPqotTykSVsLRHqjebEcPysCaUEL676z1S+j0GqKcMqENgH1nBnmawZSYiSC0f/ff5ptU/Vj33kQA4+9ZN33/gN9L0NOF3U7kQAAAABJRU5ErkJggg==',
            symbolSize: function(val) {
                return val[2] / 7.5;
            },
            label: {
                normal: {
                    show: false,
                    formatter: function(params) {
                        // console.log(params);
                        return params.name;
                    },
                    position: 'right',
                    color: '#fff',
                    fontSize: '8'
                },
                emphasis: {
                    show: false
                }
            },
            itemStyle: {
                normal: {
                    color: '#FF00FF',
                    borderWidth: 2,
                    borderColor: '#D33BD3'
                }
            }
        },
        {
            name: '氧化铝',
            type: 'scatter',
            coordinateSystem: 'geo',
            data: yanghualvArr,
            symbol: 'image://data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAEY0lEQVRYR8VXS3IaVxQ996EGT6zgWapiZDSJmlHQCoxWEGkFllYgeQXBKzBegdEKRFZgsgK3RiiZGINTlZlbaJL0C++m3q/7NSBAqlSZiarUzXvnnnvOuRfCN/7QN74fDwLwxw9RWwm8AtAGoQ5Q2xbACRgpgEQoXP74p0y2LWwrAKNGdEpEvwBobnnwmMDdg4m83PT+WgCm4greF5XqYvErExIoNSQhPpj6lTqCEB1iw8zPxaWciDnO1jFyL4DfG5VjJqEvrwN8y6Dek1nW208N1eZzs1dl/TeeZPk5n+qo/71bvSBAM6bhpcTq7GA6H6xiYyUAe3nlyn6fr2t3shNerJlhoZqKyYARxHUl50nrL4z9JaPv0aQoGoDoJ89S68u/w0UQSwAc7R905cx82ZrK0/zQQAvM/FtrKjv62agRDYnopRYjsXrjqzVsPI0G7lkq5jhabMcSgJtGlBjUzNfxVBqV64P+eRpdgchcaIkpwBUA8ofD2p080ay57w4tE5zEE3kYslAC4NT+Xve8NpPN/IDdSDNiwDDwBlnWD+l2LGimtFteOohJbSaP9BmmHdXqJwf8rDWVfQ+iDGCvOibghb6kNcm6C/TesuLjVX0MK7rZiy4AeutB+IpHe9WuE+Y4nmT7SwBs7+mjflCbZc808vAwbTV/uRPYuQkkAEQ0VFl26VkpmLSM6WJMK3arX41o53zotZAzcPM86kHQufZ5PM2OTfWekaDfZXuGtXPKjNee3ptGdWAzgdPaTO6bgvz/FL+Lv8gLAz5QuFGyRxxa0SMOWTKBxKpnGRAXPoBWvUs8P9HO8G0IHVQw4NTvqc57FrghryBgyRfgn5XcsaCp0fOdjk3Pwg0FAJdqTjwpZ/JwUek++UI95AwWh6fxRD4Lm2NdEH20qWo/Pj3vA3DLmWw/BEDYsjCajZYsgASg7+4H4FrgHVDYpqCrCCkM4ml2UrKfF1jQslzEzgl5C4J3lkXo7BZWxFm2r9koeZwxqDgRzq0IjXOY2QRNKNjtROht6CxifRuNNW1hMBX2Cut3ygnmQy5K4HNrkpk9Yq0NC8SciyhIr1J42P+zTjzX0/K4LgWRY2RjEIXBA/DreCKNx/O+g5emmRYXdnaaYTzby/HWTdNiYroo5oCRUhC53NfDRA+jPL3K08wkVzeMXd8IuyPgnIns+A72iK2HUali5mE8lUf6f+W5nvc73xUWdaGT7smdPF6apoH6PfD7FpKh7i8x9w+m8sy/bJwB0dWzfdVCoukFc9fPg/Iewbdijs7GhURfVlrJwAln8mRx3RJRpR2uZKTEODzchc9VvkcE0zT0z6altG+VzimBetVZ9m6bpTTbrZ4zYPYJs9Cu2SM2r+UCfb9Y2vMwINI/QNRwLoRZMitKdZQQHbZruQkkL0ShcPqotTykSVsLRHqjebEcPysCaUEL676z1S+j0GqKcMqENgH1nBnmawZSYiSC0f/ff5ptU/Vj33kQA4+9ZN33/gN9L0NOF3U7kQAAAABJRU5ErkJggg==',
            symbolSize: function(val) {
                return val[2] / 7.5;
            },
            label: {
                normal: {
                    show: false,
                    formatter: function(params) {
                        // console.log(params);
                        return params.name;
                    },
                    position: 'right',
                    color: '#fff',
                    fontSize: '8'
                },
                emphasis: {
                    show: false
                }
            },
            itemStyle: {
                normal: {
                    color: '#FF00FF',
                    borderWidth: 2,
                    borderColor: '#D33BD3'
                }
            }
        },
        {
            name: '烧碱',
            type: 'scatter',
            coordinateSystem: 'geo',
            data: shaojianArr,
            symbol: 'image://data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAEY0lEQVRYR8VXS3IaVxQ996EGT6zgWapiZDSJmlHQCoxWEGkFllYgeQXBKzBegdEKRFZgsgK3RiiZGINTlZlbaJL0C++m3q/7NSBAqlSZiarUzXvnnnvOuRfCN/7QN74fDwLwxw9RWwm8AtAGoQ5Q2xbACRgpgEQoXP74p0y2LWwrAKNGdEpEvwBobnnwmMDdg4m83PT+WgCm4greF5XqYvErExIoNSQhPpj6lTqCEB1iw8zPxaWciDnO1jFyL4DfG5VjJqEvrwN8y6Dek1nW208N1eZzs1dl/TeeZPk5n+qo/71bvSBAM6bhpcTq7GA6H6xiYyUAe3nlyn6fr2t3shNerJlhoZqKyYARxHUl50nrL4z9JaPv0aQoGoDoJ89S68u/w0UQSwAc7R905cx82ZrK0/zQQAvM/FtrKjv62agRDYnopRYjsXrjqzVsPI0G7lkq5jhabMcSgJtGlBjUzNfxVBqV64P+eRpdgchcaIkpwBUA8ofD2p080ay57w4tE5zEE3kYslAC4NT+Xve8NpPN/IDdSDNiwDDwBlnWD+l2LGimtFteOohJbSaP9BmmHdXqJwf8rDWVfQ+iDGCvOibghb6kNcm6C/TesuLjVX0MK7rZiy4AeutB+IpHe9WuE+Y4nmT7SwBs7+mjflCbZc808vAwbTV/uRPYuQkkAEQ0VFl26VkpmLSM6WJMK3arX41o53zotZAzcPM86kHQufZ5PM2OTfWekaDfZXuGtXPKjNee3ptGdWAzgdPaTO6bgvz/FL+Lv8gLAz5QuFGyRxxa0SMOWTKBxKpnGRAXPoBWvUs8P9HO8G0IHVQw4NTvqc57FrghryBgyRfgn5XcsaCp0fOdjk3Pwg0FAJdqTjwpZ/JwUek++UI95AwWh6fxRD4Lm2NdEH20qWo/Pj3vA3DLmWw/BEDYsjCajZYsgASg7+4H4FrgHVDYpqCrCCkM4ml2UrKfF1jQslzEzgl5C4J3lkXo7BZWxFm2r9koeZwxqDgRzq0IjXOY2QRNKNjtROht6CxifRuNNW1hMBX2Cut3ygnmQy5K4HNrkpk9Yq0NC8SciyhIr1J42P+zTjzX0/K4LgWRY2RjEIXBA/DreCKNx/O+g5emmRYXdnaaYTzby/HWTdNiYroo5oCRUhC53NfDRA+jPL3K08wkVzeMXd8IuyPgnIns+A72iK2HUali5mE8lUf6f+W5nvc73xUWdaGT7smdPF6apoH6PfD7FpKh7i8x9w+m8sy/bJwB0dWzfdVCoukFc9fPg/Iewbdijs7GhURfVlrJwAln8mRx3RJRpR2uZKTEODzchc9VvkcE0zT0z6altG+VzimBetVZ9m6bpTTbrZ4zYPYJs9Cu2SM2r+UCfb9Y2vMwINI/QNRwLoRZMitKdZQQHbZruQkkL0ShcPqotTykSVsLRHqjebEcPysCaUEL676z1S+j0GqKcMqENgH1nBnmawZSYiSC0f/ff5ptU/Vj33kQA4+9ZN33/gN9L0NOF3U7kQAAAABJRU5ErkJggg==',
            symbolSize: function(val) {
                return val[2] / 7.5;
            },
            label: {
                normal: {
                    show: false,
                    formatter: function(params) {
                        // console.log(params);
                        return params.name;
                    },
                    position: 'right',
                    color: '#fff',
                    fontSize: '8'
                },
                emphasis: {
                    show: false
                }
            },
            itemStyle: {
                normal: {
                    color: '#FF00FF',
                    borderWidth: 2,
                    borderColor: '#D33BD3'
                }
            }
        },
        {
            name: '粘胶纤维',
            type: 'scatter',
            coordinateSystem: 'geo',
            data: zhanjiaoxianweiArr,
            symbol: 'image://data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAEY0lEQVRYR8VXS3IaVxQ996EGT6zgWapiZDSJmlHQCoxWEGkFllYgeQXBKzBegdEKRFZgsgK3RiiZGINTlZlbaJL0C++m3q/7NSBAqlSZiarUzXvnnnvOuRfCN/7QN74fDwLwxw9RWwm8AtAGoQ5Q2xbACRgpgEQoXP74p0y2LWwrAKNGdEpEvwBobnnwmMDdg4m83PT+WgCm4greF5XqYvErExIoNSQhPpj6lTqCEB1iw8zPxaWciDnO1jFyL4DfG5VjJqEvrwN8y6Dek1nW208N1eZzs1dl/TeeZPk5n+qo/71bvSBAM6bhpcTq7GA6H6xiYyUAe3nlyn6fr2t3shNerJlhoZqKyYARxHUl50nrL4z9JaPv0aQoGoDoJ89S68u/w0UQSwAc7R905cx82ZrK0/zQQAvM/FtrKjv62agRDYnopRYjsXrjqzVsPI0G7lkq5jhabMcSgJtGlBjUzNfxVBqV64P+eRpdgchcaIkpwBUA8ofD2p080ay57w4tE5zEE3kYslAC4NT+Xve8NpPN/IDdSDNiwDDwBlnWD+l2LGimtFteOohJbSaP9BmmHdXqJwf8rDWVfQ+iDGCvOibghb6kNcm6C/TesuLjVX0MK7rZiy4AeutB+IpHe9WuE+Y4nmT7SwBs7+mjflCbZc808vAwbTV/uRPYuQkkAEQ0VFl26VkpmLSM6WJMK3arX41o53zotZAzcPM86kHQufZ5PM2OTfWekaDfZXuGtXPKjNee3ptGdWAzgdPaTO6bgvz/FL+Lv8gLAz5QuFGyRxxa0SMOWTKBxKpnGRAXPoBWvUs8P9HO8G0IHVQw4NTvqc57FrghryBgyRfgn5XcsaCp0fOdjk3Pwg0FAJdqTjwpZ/JwUek++UI95AwWh6fxRD4Lm2NdEH20qWo/Pj3vA3DLmWw/BEDYsjCajZYsgASg7+4H4FrgHVDYpqCrCCkM4ml2UrKfF1jQslzEzgl5C4J3lkXo7BZWxFm2r9koeZwxqDgRzq0IjXOY2QRNKNjtROht6CxifRuNNW1hMBX2Cut3ygnmQy5K4HNrkpk9Yq0NC8SciyhIr1J42P+zTjzX0/K4LgWRY2RjEIXBA/DreCKNx/O+g5emmRYXdnaaYTzby/HWTdNiYroo5oCRUhC53NfDRA+jPL3K08wkVzeMXd8IuyPgnIns+A72iK2HUali5mE8lUf6f+W5nvc73xUWdaGT7smdPF6apoH6PfD7FpKh7i8x9w+m8sy/bJwB0dWzfdVCoukFc9fPg/Iewbdijs7GhURfVlrJwAln8mRx3RJRpR2uZKTEODzchc9VvkcE0zT0z6altG+VzimBetVZ9m6bpTTbrZ4zYPYJs9Cu2SM2r+UCfb9Y2vMwINI/QNRwLoRZMitKdZQQHbZruQkkL0ShcPqotTykSVsLRHqjebEcPysCaUEL676z1S+j0GqKcMqENgH1nBnmawZSYiSC0f/ff5ptU/Vj33kQA4+9ZN33/gN9L0NOF3U7kQAAAABJRU5ErkJggg==',
            symbolSize: function(val) {
                return val[2] / 7.5;
            },
            label: {
                normal: {
                    show: false,
                    formatter: function(params) {
                        // console.log(params);
                        return params.name;
                    },
                    position: 'right',
                    color: '#fff',
                    fontSize: '8'
                },
                emphasis: {
                    show: false
                }
            },
            itemStyle: {
                normal: {
                    color: '#FF00FF',
                    borderWidth: 2,
                    borderColor: '#D33BD3'
                }
            }
        },
        {
            name: 'PVC',
            type: 'scatter',
            coordinateSystem: 'geo',
            data: PVCArr,
            symbol: 'image://data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAEY0lEQVRYR8VXS3IaVxQ996EGT6zgWapiZDSJmlHQCoxWEGkFllYgeQXBKzBegdEKRFZgsgK3RiiZGINTlZlbaJL0C++m3q/7NSBAqlSZiarUzXvnnnvOuRfCN/7QN74fDwLwxw9RWwm8AtAGoQ5Q2xbACRgpgEQoXP74p0y2LWwrAKNGdEpEvwBobnnwmMDdg4m83PT+WgCm4greF5XqYvErExIoNSQhPpj6lTqCEB1iw8zPxaWciDnO1jFyL4DfG5VjJqEvrwN8y6Dek1nW208N1eZzs1dl/TeeZPk5n+qo/71bvSBAM6bhpcTq7GA6H6xiYyUAe3nlyn6fr2t3shNerJlhoZqKyYARxHUl50nrL4z9JaPv0aQoGoDoJ89S68u/w0UQSwAc7R905cx82ZrK0/zQQAvM/FtrKjv62agRDYnopRYjsXrjqzVsPI0G7lkq5jhabMcSgJtGlBjUzNfxVBqV64P+eRpdgchcaIkpwBUA8ofD2p080ay57w4tE5zEE3kYslAC4NT+Xve8NpPN/IDdSDNiwDDwBlnWD+l2LGimtFteOohJbSaP9BmmHdXqJwf8rDWVfQ+iDGCvOibghb6kNcm6C/TesuLjVX0MK7rZiy4AeutB+IpHe9WuE+Y4nmT7SwBs7+mjflCbZc808vAwbTV/uRPYuQkkAEQ0VFl26VkpmLSM6WJMK3arX41o53zotZAzcPM86kHQufZ5PM2OTfWekaDfZXuGtXPKjNee3ptGdWAzgdPaTO6bgvz/FL+Lv8gLAz5QuFGyRxxa0SMOWTKBxKpnGRAXPoBWvUs8P9HO8G0IHVQw4NTvqc57FrghryBgyRfgn5XcsaCp0fOdjk3Pwg0FAJdqTjwpZ/JwUek++UI95AwWh6fxRD4Lm2NdEH20qWo/Pj3vA3DLmWw/BEDYsjCajZYsgASg7+4H4FrgHVDYpqCrCCkM4ml2UrKfF1jQslzEzgl5C4J3lkXo7BZWxFm2r9koeZwxqDgRzq0IjXOY2QRNKNjtROht6CxifRuNNW1hMBX2Cut3ygnmQy5K4HNrkpk9Yq0NC8SciyhIr1J42P+zTjzX0/K4LgWRY2RjEIXBA/DreCKNx/O+g5emmRYXdnaaYTzby/HWTdNiYroo5oCRUhC53NfDRA+jPL3K08wkVzeMXd8IuyPgnIns+A72iK2HUali5mE8lUf6f+W5nvc73xUWdaGT7smdPF6apoH6PfD7FpKh7i8x9w+m8sy/bJwB0dWzfdVCoukFc9fPg/Iewbdijs7GhURfVlrJwAln8mRx3RJRpR2uZKTEODzchc9VvkcE0zT0z6altG+VzimBetVZ9m6bpTTbrZ4zYPYJs9Cu2SM2r+UCfb9Y2vMwINI/QNRwLoRZMitKdZQQHbZruQkkL0ShcPqotTykSVsLRHqjebEcPysCaUEL676z1S+j0GqKcMqENgH1nBnmawZSYiSC0f/ff5ptU/Vj33kQA4+9ZN33/gN9L0NOF3U7kQAAAABJRU5ErkJggg==',
            symbolSize: function(val) {
                return val[2] / 7.5;
            },
            label: {
                normal: {
                    show: false,
                    formatter: function(params) {
                        // console.log(params);
                        return params.name;
                    },
                    position: 'right',
                    color: '#fff',
                    fontSize: '8'
                },
                emphasis: {
                    show: false
                }
            },
            itemStyle: {
                normal: {
                    color: '#FF00FF',
                    borderWidth: 2,
                    borderColor: '#D33BD3'
                }
            }
        },
        {
            name: '洗涤剂',
            type: 'scatter',
            coordinateSystem: 'geo',
            data: xidijiArr,
            symbol: 'image://data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAEY0lEQVRYR8VXS3IaVxQ996EGT6zgWapiZDSJmlHQCoxWEGkFllYgeQXBKzBegdEKRFZgsgK3RiiZGINTlZlbaJL0C++m3q/7NSBAqlSZiarUzXvnnnvOuRfCN/7QN74fDwLwxw9RWwm8AtAGoQ5Q2xbACRgpgEQoXP74p0y2LWwrAKNGdEpEvwBobnnwmMDdg4m83PT+WgCm4greF5XqYvErExIoNSQhPpj6lTqCEB1iw8zPxaWciDnO1jFyL4DfG5VjJqEvrwN8y6Dek1nW208N1eZzs1dl/TeeZPk5n+qo/71bvSBAM6bhpcTq7GA6H6xiYyUAe3nlyn6fr2t3shNerJlhoZqKyYARxHUl50nrL4z9JaPv0aQoGoDoJ89S68u/w0UQSwAc7R905cx82ZrK0/zQQAvM/FtrKjv62agRDYnopRYjsXrjqzVsPI0G7lkq5jhabMcSgJtGlBjUzNfxVBqV64P+eRpdgchcaIkpwBUA8ofD2p080ay57w4tE5zEE3kYslAC4NT+Xve8NpPN/IDdSDNiwDDwBlnWD+l2LGimtFteOohJbSaP9BmmHdXqJwf8rDWVfQ+iDGCvOibghb6kNcm6C/TesuLjVX0MK7rZiy4AeutB+IpHe9WuE+Y4nmT7SwBs7+mjflCbZc808vAwbTV/uRPYuQkkAEQ0VFl26VkpmLSM6WJMK3arX41o53zotZAzcPM86kHQufZ5PM2OTfWekaDfZXuGtXPKjNee3ptGdWAzgdPaTO6bgvz/FL+Lv8gLAz5QuFGyRxxa0SMOWTKBxKpnGRAXPoBWvUs8P9HO8G0IHVQw4NTvqc57FrghryBgyRfgn5XcsaCp0fOdjk3Pwg0FAJdqTjwpZ/JwUek++UI95AwWh6fxRD4Lm2NdEH20qWo/Pj3vA3DLmWw/BEDYsjCajZYsgASg7+4H4FrgHVDYpqCrCCkM4ml2UrKfF1jQslzEzgl5C4J3lkXo7BZWxFm2r9koeZwxqDgRzq0IjXOY2QRNKNjtROht6CxifRuNNW1hMBX2Cut3ygnmQy5K4HNrkpk9Yq0NC8SciyhIr1J42P+zTjzX0/K4LgWRY2RjEIXBA/DreCKNx/O+g5emmRYXdnaaYTzby/HWTdNiYroo5oCRUhC53NfDRA+jPL3K08wkVzeMXd8IuyPgnIns+A72iK2HUali5mE8lUf6f+W5nvc73xUWdaGT7smdPF6apoH6PfD7FpKh7i8x9w+m8sy/bJwB0dWzfdVCoukFc9fPg/Iewbdijs7GhURfVlrJwAln8mRx3RJRpR2uZKTEODzchc9VvkcE0zT0z6altG+VzimBetVZ9m6bpTTbrZ4zYPYJs9Cu2SM2r+UCfb9Y2vMwINI/QNRwLoRZMitKdZQQHbZruQkkL0ShcPqotTykSVsLRHqjebEcPysCaUEL676z1S+j0GqKcMqENgH1nBnmawZSYiSC0f/ff5ptU/Vj33kQA4+9ZN33/gN9L0NOF3U7kQAAAABJRU5ErkJggg==',
            symbolSize: function(val) {
                return val[2] / 7.5;
            },
            label: {
                normal: {
                    show: false,
                    formatter: function(params) {
                        // console.log(params);
                        return params.name;
                    },
                    position: 'right',
                    color: '#fff',
                    fontSize: '8'
                },
                emphasis: {
                    show: false
                }
            },
            itemStyle: {
                normal: {
                    color: '#FF00FF',
                    borderWidth: 2,
                    borderColor: '#D33BD3'
                }
            }
        }

    ]
};
myChart.setOption(option, true);

});在这里插入图片描述

sherry0731
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
echarts社区地图、echart地图
m0_67394360的博客
03-08 1336
文章目录 地图时间轴多样 3D地图+拖拽+扫描特效+自转+4.9.0及以下版本才能用 气泡地图+圆点会动 地图上+柱图 地图上+气泡 地图+图例 地图时间轴多样 var uploadedDataURL = "/asset/get/s/data-1528971808162-BkOXf61WX.json"; var geoGpsMap = { '1': [127.9688, 45.368], '2': [116.4551, 40.2539], '3': [
echarts 绘制地图
a754334599的博客
03-02 1587
例图： var uploadedDataURL = "/asset/get/s/data-1528971808162-BkOXf61WX.json"; var geoGpsMap = [121.4648, 31.2891]; var t = 1; var r = 1; //所有地点坐标 var geoCoordMap = { 江苏: [118.8062, 31.9208], 黑龙江: [127.9688, 45.368], 内蒙古: [110.3467, 41.489...
echarts画四川地图并交互
weixin_59017683的博客
06-12 696
echarts画省地图并交互
echarts 四川地图 geo json 文件
12-11
eCharts的扩展地图格式，geojson地图数据下载，四川省地图资源
echarts绘制成都地图
最新发布
m0_46796399的博客
04-28 234
使用echarts通过**.json文件生成成都区市县地图
echarts 画四川省地图 点击高亮并获取各市区参数
热门推荐
高先生的猫
05-17 5万+
<head> <meta charset="utf-8" /> <title>echarts 四川地图</title> <script src="https://cdn.bootcss.com/echarts/4.4.0-rc.1/echarts.min.js"></script> </head> <style> #map { width: 800px; height: 600p.
echarts绘制四川地图
weixin_30493321的博客
01-06 3132
1.效果图如下： 首先下载echarts-all.js。 代码如下： 1 <html> 2 <head> 3 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 4 <meta http-equiv="X-UA-Compatible" c...
2022年echarts四川省最新18地级市3自治州json地图
03-22
2022年自己调整过使用过的echarts四川省最新18地级市3自治州json地图，包括成都市、绵阳市、自贡市、攀枝花市、泸州市、德阳市、广元市、遂宁市、内江市、乐山市、资阳市、宜宾市、南充市、达州市、雅安市、广安市、...
湖北省echarts地图资源
12-30
总结：本资源中的“hubei”文件提供了湖北省的地图数据，开发者可以通过ECharts库将这些数据与实际业务数据结合，实现湖北省各地区的数据可视化，便于分析和决策。ECharts提供的地图功能强大且灵活，可以满足不同...
百度地图+Echarts+迁徙
11-25
"百度地图+Echarts+迁徙"是一个典型的应用案例，它结合了百度地图的地理位置服务和Echarts的数据可视化库，用于展现人口或物体的迁徙情况。下面我们将深入探讨这两个关键组件以及它们在迁徙图中的应用。 首先，百度...
Echarts 地图+散点图结合 +闪点+轮播
12-18
ECharts 是一个基于 JavaScript 的开源可视化库，广泛应用于数据可视化领域，尤其在Web开发中深受喜爱。本项目展示了如何利用ECharts将地图、散点图、闪点效果以及轮播功能巧妙地结合在一起，为用户提供丰富的视觉...
四川echarts地图资源
12-30
四川echarts地图资源
H5展示大屏（echarts）仅供学习
02-09
炫酷的展示大屏，纯H5原生，可以学习展示
2022年echarts成都市最新12区3县5县级市json地图
03-22
2022年自己调整过使用过的echarts成都市最新12区3县5县级市json地图，包括金牛区、青羊区、锦江区、龙泉驿区、青白江区、成华区、新都区、温江区、双流区、郫都区、新津区、金堂县、大邑县、蒲江县、崇州市、彭州市、都江堰市、邛崃市、简阳市。echarts直接调用json文件。
echarts+bmap结合可以在百度地图上展现 点图，线图，热力图 等可视化。
03-23
当ECharts与百度地图（BMap）结合时，我们可以实现地图上的数据可视化，包括点图、线图和热力图，从而为数据分析和展示带来新的维度。 首先，让我们深入了解一下ECharts。ECharts是百度开发的一个基于SVG+Canvas的...
vue中使用Echarts渲染四川地图
qq_61665665的博客
02-13 590
vue中使用Echarts地图
echarts 四川省地图成都默认高亮
rain_pen的博客
11-08 1524
echarts地图省份，默认高亮问题
echarts 折线+柱状图+风向角度图
qq_40295815的博客
03-16 1508
/** * times:YYYY-mm-dd HHMMSS * timeData:时间 * windsData:风速 * windxData:风向/等级 * temData:温度 * ,rainData:降水 * humData:湿度 */ let Data = { times: ["2019-09-08 00:00:00", "2019-09-08 01:00:0...
个性化标签推荐研究
06-04
通过对当前研究现状的统计分析，构建了一个社会标注系统中的个性化标签推荐系统。在相关文献[1-6]中，涉及了Folksonomy标签推荐系统、用户特征模型、基于Folksonomy的信息组织与优化、基于用户标签的个人本体构建...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值