博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
Echarts 地图上显示数值
阅读量:5139 次
发布时间:2019-06-13

本文共 1667 字,大约阅读时间需要 5 分钟。

Echarts 地图上展示数值,效果如下:


 

 

上代码:关键代码用红色

series: [                {                    //name: '香港18区人口密度',                    type: 'map',                    mapType: 'jiangsu', // 自定义扩展图表类型                    zoom: 1.25,                    itemStyle: {                        normal: { label: { show: true } },                        emphasis: { label: { show: true } }                    },                    data: [                        {                            name: '徐州市', value: 20057.34,                            label: {                                normal: {                                    show: true,                                    formatter: function (params) {                                        return params.name+"\n"+ params.value;    //地图上展示文字 + 数值                                    },                                                                    }                            },                              itemStyle: {                                normal: {                                    areaColor: '#C1FFC1'     //地图颜色                                }                            }                        },                        {                            name: '连云港市', value: 15477.48,                            label: {                                normal: {                                    show: true,                                    formatter: function (params) {                                        return params.name + "\n" + params.value;                                    },                                }                            },

 

转载于:https://www.cnblogs.com/youmingkuang/p/8808280.html

你可能感兴趣的文章
技术站点或博客空间等地址
查看>>
CentOS安装中文输入法
查看>>
PAT 1064 朋友数(20)(代码)
查看>>
关于无缝滚动
查看>>
自己封装函数
查看>>
HTML JavaScript 基础学习
查看>>
使用@media做自适应
查看>>
杂文二:minGW package
查看>>
NodeJs mysql 开启事务
查看>>
POJ 1159 字符串匹配问题
查看>>
C#获取文件夹下面的所有文件
查看>>
Servlet实现前后端交互的原理及过程解析
查看>>
Python学习笔记一
查看>>
[BZOJ2555]SubString(SAM+LCT)
查看>>
基于麦克风阵列的声源定位算法之GCC-PHAT
查看>>
OCP prepare 20140701
查看>>
实体行业如今最须要想的是:应该怎么移动?
查看>>
BZOJ.1005.[HNOI2008]明明的烦恼(Prufer 高精 排列组合)
查看>>
JS 三大难点
查看>>
tomcat查看并修改jvm大小
查看>>