在 ECharts 地理坐标系的属性设置中,如果您要将地理坐标系组件显示出来,那么,请使用 geo 组件的 show 属性。在 geo 组件中提供了两种类型的地图数据:javascript 文件与 JSON 文件。通过 geo 组件,您可以自定义地区的名称映射。更多关于地理坐标系组件的属性设置,我们将在下文中详细介绍。
geo.show | boolean
[ default: true ]
是否显示 ECharts 地理坐标系组件。
geo.map | string
[ default: ‘’ ]
地理坐标系组件的地图类型。
ECharts 3 中因为地图精度的提高,不再内置地图数据增大代码体积。由于 ECharts 之前提供下载的矢量地图的部分数据不符合国家《测绘法》规定,目前暂时无法下载地图。但是大家可以使用以百度地图为底图的形式。
ECharts 中提供了两种格式的地图数据,一种是可以直接 script 标签引入的 js 文件,引入后会自动注册地图名字和数据。还有一种是 JSON 文件,需要通过 AJAX 异步加载后手动注册。
下面是两种类型的使用示例:
JavaScript 引入示例
<script src="echarts.js"></script>
<script src="map/js/china.js"></script>
<script>
var chart = echarts.init(document.getElementById('main'));
chart.setOption({
series: [{
type: 'map',
map: 'china'
}]
});
</script>
JSON 引入示例:
$.get('map/json/china.json', function (chinaJson) {
echarts.registerMap('china', chinaJson);
var chart = echarts.