很奇怪的一个问题是echarts官网居然没有中国地图的实例,美国和其他国家的都有,不过在官网的某个地方的文档里面有提到这个问题。
出于需要,参考了官网提供的文档,整理了一下如何使用echarts实现中国地图的步骤。
安装echarts
npm i echarts -S安装echarts-countries-js
npm i echarts-countries-js -S初始化echarts
import * as echarts from "echarts"\nimport chinajs from "echarts-countries-js/echarts-countries-js/china"\n\nlet options = {\n series: [\n {\n type: "map",\n map: "china",\n data: [\n { name: "北京", value: 123 },\n { name: "河南", value: 236 },\n ]\n }\n ]\n}\n\nlet chart = echarts.init(document.getElementById("echarts"))\n\nchart.setOption(options)引入echarts-countries-js 后,初始化echarts的时候会自动加载对应的地图js文件,虽然chinajs这个文件没有用,但是echarts已经用到了。
当然这个包里面还包含其他国家的地图js文件,只需要按需加载即可。