apache echarts怎么引用南京市的svg

要使用南京市的 SVG 地图，你需要先在 ECharts 中引入该地图。

1. 下载南京市的 SVG 地图文件。

2. 在 ECharts 的官网中下载最新版本的 ECharts。

3. 在 HTML 文件中引入 ECharts 的 JS 文件。

<script src="echarts.js"></script>

4. 在 HTML 文件中定义一个具有一定宽度和高度的 DOM 元素，用于显示地图。

<div id="map" style="width: 600px; height: 400px;"></div>

5. 在 JavaScript 文件中配置南京市的 SVG 地图。

// 引入南京市的 SVG 地图
echarts.registerMap('南京市', njs);

// 配置地图
var option = {
  tooltip: {},
  visualMap: {
    min: 0,
    max: 2500,
    left: 'left',
    top: 'bottom',
    text: ['高', '低'], // 文本，默认为数值文本
    calculable: true,
  },
  series: [
    {
      name: '南京市',
      type: 'map',
      mapType: '南京市', // 自定义扩展图表类型
      roam: true,
      label: {
        normal: {
          show: true,
        },
        emphasis: {
          show: true,
        },
      },
      data: [
        { name: '玄武区', value: 1700 },
        { name: '秦淮区', value: 1500 },
        { name: '建邺区', value: 2000 },
        { name: '鼓楼区', value: 2200 },
        { name: '浦口区', value: 1300 },
        { name: '栖霞区', value: 1700 },
        { name: '雨花台区', value: 1200 },
        { name: '江宁区', value: 1700 },
        { name: '六合区', value: 1500 },
        { name: '溧水区', value: 1000 },
        { name: '高淳区', value: 800 },
      ],
    },
  ],
};

// 初始化地图
var myChart = echarts.init(document.getElementById('map'));
myChart.setOption(option);

在代码中，`echarts.registerMap('南京市', njs)` 表示注册一个名为“南京市”的自定义扩展图表类型，并将 SVG 地图文件作为第二个参数传递给 `registerMap` 方法。

然后在 `option` 对象中配置地图的属性，包括 `tooltip`、`visualMap` 和 `series` 等。注意 `mapType` 属性需要设置为刚刚注册的自定义扩展图表类型“南京市”。

最后通过 `echarts.init` 方法初始化地图并设置 `option`。