echarts地图中城市与省份之间的切换

最新推荐文章于 2024-06-06 11:39:14 发布

十盏

最新推荐文章于 2024-06-06 11:39:14 发布

阅读量5.1k

点赞数

分类专栏： echarts 文章标签： echaerts 配置城市与省份之间的切换

本文链接：https://blog.csdn.net/IT_1692/article/details/76512673

版权

在使用echarts地图中，可能会用到显示各省份的数据和显示各城市的数据。综合了这两种的配置项，只需传四个参数即可完成对这两种模式的切换。

下面就是配置项代码：

//地图配置
//mapData：图表所需数据；mapType：地图模式或散点图模式（即按省份显示数据或按城市显示数据）
//minValue：视觉映射组件最小值；maxValue：视觉映射最大值
function _setMap(mapData, mapType, minValue, maxValue) {
    var option = {};
    return option = {
        tooltip: {
            trigger: 'item',
            formatter: function (params) {
                return params.name;//自行定义formatter格式
            }
        },
        visualMap: {
            min: minValue || 0,//视觉映射组件的最小值
            max: maxValue || 200,//视觉映射组件的最大值
            calculable: true,
            inRange: {
                color: ['#50a3ba', '#eac736', '#d94e5d']
            },
            textStyle: {
                color: '#666'
            },
            left: 'left',
            t