echarts 路徑圖

路徑圖：用於帶有起點和重點信息的線數據的繪製，主要用於地圖上的航班，路線的可視化。支持二維的直角座標系和地理座標系。我們先來看看官方案例：https://echarts.apache.org/examples/zh/editor.html?c=geo-lines。下面我們來詳細介紹一下，主要的屬性。效果圖如下：

series 是要繪製的地圖的主體。series 是一個數組，也就是說可以有多個數據進行繪製。這裏有兩個，一個是兩個城市的連線，一個是對兩個城市進行高亮顯示。其中的 type 是很重要的參數，主要有餅圖、條形圖、線、地圖等等。

首先介紹帶有漣漪特效動畫的散點（氣泡）圖。利用動畫特效可以將某些想要突出的數據進行視覺突出。

effectScatter

{
    name: 'city',
    type: 'effectScatter',
    coordinateSystem: 'geo', // 選用座標系
    rippleEffect: {
        brushType: 'stroke' // 波紋的繪製方式
    },
    data: convertData1(data)
},

lines

{
    name: 'rode',
    type: 'lines',
    coordinateSystem: 'geo',
    data: convertData(data),
    effect: { // 線特效的配置
        show: true,
        period: 6,  // 特效動畫的時間，單位爲 s
        trailLength: 0, // 特效尾跡的長度。取從 0 到 1 的值，數值越大尾跡越長。
    },
    lineStyle: {
        normal: {
            color: '#389BB7',
            width: 1,
            opacity: 0.4,  // 圖形透明度。支持從 0 到 1 的數字，爲 0 時不繪製該圖形。
            curveness: 0.2 // 邊的曲度，支持從 0 到 1 的值，值越大麴度越大。
        }
    }
},