跳到主要内容

销量排名地图

配置步骤如下：

1、添加地图​

点击“”图标，选择"离线地图"，再点击“销量排名地图”,如下图

2、使用场景​

销量排名地图是结合柱形图进行数据排名，并以散点气泡按坐标实时显示销售信息，适合按省份进行统计的应用场景，效果图如下

3、样式配置​

（1）地图级别​

地图支持国家、省、市3级行政区域展示如下图 国家地图

省级地图

市级地图

（2）地图比例​

调整地图显示比例，如下图

（3）地图样式配置​

  • 名称显示：控制地图省份名称是否显示
  • 字体大小：省份名称字体大小；
  • 字体颜色：省份名称字体颜色；
  • 字体高亮颜色：鼠标经过省份名称时的字体颜色；
  • 边框线宽：省界线宽度；
  • 边框颜色：省界界线颜色；
  • 区域颜色：地图每个省份的颜色；
  • 区域高亮颜色：鼠标经过省份的颜色；
  • 地图大小：设置地图展示的大小；
  • 左右边距：设置地图左右的边距；
  • 上下边距：设置地图上下的边距；
  • 开启描边：开启后地图显示一个描边的效果
  • 描边颜色：设置描边的颜色
  • 描边大小：设置描边的大小

（4）提示配置​

  • 字体大小：信息提示层的字体大小；
  • 字体颜色：信息提示层的字体颜色；

（5）坐标轴边距设置​

  • 顶边距：控制排名组件(柱形图)的顶部边距
  • 右边距：控制排名组件(柱形图)的右部边距
  • 底边距：控制排名组件(柱形图)的底部边距

（7）自定义配色​

（8）标题设置​

同通用标题设置

4、数据格式​

数据格式示例​

[
    {
        "name": "北京",
        "value": 86,
        "lng": 116.4551,
        "lat": 40.2539,
        "detail": "客户：王先生\n在北京成交一辆奔驰"
    },
    {
        "name": "福建",
        "value": 65,
        "lng": 119.4543,
        "lat": 25.9222
    },
    {
        "name": "广东",
        "value": 53,
        "lng": 113.12244,
        "lat": 23.009505
    },
    {
        "name": "上海",
        "value": 48,
        "lng": 119.1803,
        "lat": 31.2891
    },
    {
        "name": "河北",
        "value": 2,
        "lng": 114.4995,
        "lat": 38.1006
    },
    {
        "name": "天津",
        "value": 6,
        "lng": 117.4219,
        "lat": 39.4189
    },
    {
        "name": "山西",
        "value": 12,
        "lng": 112.3352,
        "lat": 37.9413
    }
]