echarts城市飞线

ECharts 是百度开源的一个基于 JavaScript 的可视化库，可以用来创建各种类型的交互式图表。城市飞线图是 ECharts 中的一种图表类型，用于展示城市之间的航线或者移动轨迹。

要创建城市飞线图，首先需要准备好相关的数据。每条飞线都需要包含起点和终点的经纬度坐标，以及可能的其他属性，如飞行时间、飞行距离等。可以通过 JSON 格式的数据来表示这些飞行线数据。

下面是一个简单的示例代码，用于创建一个基本的城市飞线图：

// 引入 ECharts
var echarts = require('echarts');

// 创建容器
var chartContainer = document.getElementById('chart-container');
var chart = echarts.init(chartContainer);

// 准备数据
var data = [
  {
    from: [116.46, 39.92], // 起点经纬度
    to: [121.48, 31.22], // 终点经纬度
    value: 100 // 飞行次数或其他属性值
  },
  // 可以添加更多的飞行线数据...
];

// 设置地图配置
var option = {
  geo: {
    map: 'china',
    roam: true, // 开启地图漫游
    zoom: 1.2, // 地图缩放级别
    label: {
      emphasis: {
        show: false // 不显示地区名称
      }
    },
    itemStyle: {
      normal: {
        areaColor: '#323c48',
        borderColor: '#111'
      },
      emphasis: {
        areaColor: '#2a333d'
      }
    }
  },
  series: [
    {
      type: 'lines',
      coordinateSystem: 'geo',
      data: data, // 使用上面准备的数据
      large: true, // 开启大规模绘制，优化性能
      largeThreshold: 100, // 数据量大于该阈值时才开启大规模绘制
      lineStyle: {
        normal: {
          width: 0.5, // 线条宽度
          opacity: 0.8, // 线条透明度
          curveness: 0.3 // 线条曲度
        }
      }
    }
  ]
};

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

以上示例代码是一个基本的城市飞线图的创建过程，你可以根据自己的需求进一步定制和优化图表的样式和交互效果。