echart 世界地图发光_echart世界地图(并且指定国家高亮显示)？

可以使用 Echarts 的 geo 组件和 visualMap 组件来实现世界地图的发光和指定国家高亮显示。以下是一个简单的示例代码：

// 引入 Echarts 库
import * as echarts from 'echarts';

// 初始化 Echarts 实例
const chart = echarts.init(document.getElementById('chart'));

// 设置地图数据
const mapData = [
  { name: 'Afghanistan', value: 28397.812 },
  { name: 'Angola', value: 19549.124 },
  // 省略其它国家数据
];

// 定义颜色范围
const colorRange = ['#f6efa6', '#d88273'];

// 设置 geo 组件
const option = {
  geo: {
    map: 'world',
    roam: true,
    silent: true,
    itemStyle: {
      areaColor: '#323c48',
      borderColor: '#111',
      borderWidth: 1,
    },
    emphasis: {
      itemStyle: {
        areaColor: '#293c55',
      },
    },
  },
  series: [
    {
      type: 'map',
      mapType: 'world',
      data: mapData,
      // 配置 visualMap 组件
      visualMap: {
        type: 'continuous',
        min: 0,
        max: 100000,
        color: colorRange,
        text: ['High', 'Low'],
        textStyle: {
          color: '#fff',
        },
        calculable: true,
      },
      // 自定义样式
      itemStyle: {
        normal: {
          borderColor: 'rgba(0, 0, 0, 0.2)',
        },
        emphasis: {
          areaColor: '#2a333d',
          shadowOffsetX: 0,
          shadowOffsetY: 0,
          shadowBlur: 20,
          borderWidth: 0,
          shadowColor: 'rgba(0, 0, 0, 0.5)',
        },
      },
      // 配置高亮显示的国家
      emphasis: {
        label: {
          show: true,
        },
        itemStyle: {
          areaColor: '#fff',
          borderColor: '#fff',
        },
      },
    },
  ],
};

// 渲染图表
chart.setOption(option);

在上面的代码中，`mapData` 数组中存储了各个国家的数据，`colorRange` 数组定义了颜色范围，`visualMap` 组件用于设置颜色映射和文本显示，`emphasis` 属性用于设置高亮显示的国家。可以根据实际需求修改这些配置，以达到不同的效果。