ECharts 实现世界地图

最新推荐文章于 2026-04-14 23:21:23 发布

原创

最新推荐文章于 2026-04-14 23:21:23 发布 · 4.8k 阅读

收录于

当前文章被以下社区和专栏收录：

效果图

在这里插入图片描述

源代码（仅供参考）

<template>
  <div class="echarts">
    <div
      class="className"
      id="id"
      style="width: 100%; height: 450px"
      ref="myEchart"
    ></div>
  </div>
</template>
<script lang="ts">
import Vue from "vue";
import echarts from "echarts";
// 引用世界地图js 
import "@/js/world_new.js";
import Component from "vue-class-component";

@Component
export default class World extends Vue {
   
   
  name = "echarts";

  initChart(