vue+eChart實現(xiàn)省份地圖

import echarts from "echarts"; require("echarts/theme/macarons");let chart = echarts.init(document.getElementById("shandong-map"));const shandong = require("@/map/json/province/hunan.json"); // 省份路徑echarts.registerMap("shandong", shandong);let series = [{type: "map", // 設(shè)置為地圖map: "hunan", // 核心代碼 //設(shè)置想要設(shè)置的省份itemStyle: {normal: { label: { show: true } }, // 顯示市文字emphasis: { label: { show: true } },},},];let geo = { map: "hunan", //跟上面一樣兩個選擇其一個進(jìn)行設(shè)置設(shè)置想要設(shè)置的省份roam: true,};chart.setOption({series,geo,});

總結(jié)

以上是生活随笔為你收集整理的vue+eChart实现省份地图的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。