5.9. 设置地图图表

在看板中添加的地图图表,默认只展示中国地图。 如果要使用其他地图,则需要设置图表组件HTML元素上的dg-chart-map属性。 例如,设置为北京地图:

  1. ...
  2. <div dg-chart-widget="..." dg-chart-map="北京">
  3. ...

系统内置支持的地图如下表所示:

china、中国china-contour、中国轮廓china-cities、中国城市world、世界
anhui、安徽aomen、澳门beijing、北京chongqing、重庆
fujian、福建gansu、甘肃guangdong、广东guangxi、广西
guizhou、贵州hainan、海南hebei、河北heilongjiang、黑龙江
henan、河南hubei、湖北hunan、湖南jiangsu、江苏
jiangxi、江西jilin、吉林liaoning、辽宁neimenggu、内蒙古
ningxia、宁夏qinghai、青海shandong、山东shanghai、上海
shanxi、山西shanxi1、陕西sichuan、四川taiwan、台湾
tianjin、天津xianggang、香港xinjiang、新疆xizang、西藏
yunnan、云南zhejiang、浙江

在body元素上定义dg-chart-map-urls属性, 可以扩展或替换内置地图。例如:

  1. ...
  2. <body dg-chart-map-urls="{customMap:'map/custom.json', china: 'map/myChina.json'}">
  3. ...
  4. <div dg-chart-widget="..." dg-chart-map="customMap">
  5. ...

在展示看板时,会自动加载看板资源map/custom.json作为地图。

也可不设置dg-chart-map-urls属性,直接设置图表元素的地图URL:

  1. ...
  2. <div dg-chart-widget="..." dg-chart-map="map/custom.json">
  3. ...