echarts 飞线图高亮

要在 ECharts 飞线图中实现高亮效果，可以使用 ECharts 的 "emphasis" 功能。以下是实现高亮的步骤：

1. 首先，确保已经引入了 ECharts 库。可以在 HTML 文件中添加以下代码：

<script src="https://cdn.jsdelivr.net/npm/echarts@5.1.2/dist/echarts.min.js"></script>

2. 创建一个用于渲染图表的 DOM 元素。例如，在 HTML 文件中添加一个用于显示图表的 `<div>` 元素：

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

3. 在 JavaScript 文件中，使用 ECharts 提供的 API 配置和渲染飞线图。以下是一个简单的示例代码：

// 获取要渲染图表的 DOM 元素
var chartDom = document.getElementById('chart');

// 初始化 ECharts 实例
var myChart = echarts.init(chartDom);

// 配置飞线图的数据和样式
var option = {
  series: [{
    type: 'lines',
    data: [
      { fromName: '北京', toName: '上海', value: 100 },
      { fromName: '北京', toName: '广州', value: 200 },
      // 添加更多的数据
    ],
    // 高亮样式配置
    emphasis: {
      focus: 'series',
      lineStyle: {
        opacity: 1,
        width: 4,
      },
    },
  }],
};

// 使用配置项显示图表
myChart.setOption(option);

4. 要在飞线图上实现高亮效果，可以在数据中设置 `emphasis` 属性，并配置相应的样式。在上述示例代码中，我们使用了 `emphasis` 的 `lineStyle` 属性来设置高亮后的线条的宽度和不透明度。

通过以上步骤，你就可以在 ECharts 飞线图中实现高亮效果了。根据实际需求，你可以根据自己的数据结构和样式需求对示例代码进行修改。