vue+eChart實現省份地圖

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", // 設置為地圖map: "hunan", // 核心代碼 //設置想要設置的省份itemStyle: {normal: { label: { show: true } }, // 顯示市文字emphasis: { label: { show: true } },},},];let geo = { map: "hunan", //跟上面一樣兩個選擇其一個進行設置設置想要設置的省份roam: true,};chart.setOption({series,geo,});

總結

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

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。