近期有個需求，在echarts折線圖上的折線，新增一個可以隨著折線路徑跑動的光點。研究了好一會，然後需求取消了！

// 圖表資料
var XName = ["第一季度", "第二季度", "第三季度", "第三季度"] // x軸
var YData = [1, 2, 3, 4] // y 軸
/*
* 圖片
* 1、網路圖片：image:// + 圖片連結
* 2、base64 圖片：image:// + base64
* 3、path 路徑: path:// + 向量路徑
*/
var img = 'image://http://www.yathin.cn/assets/img/20201126113012111.png'
// 光點動畫資料， x軸 與 y軸 對應資料的陣列
 

var data = [{
    coords: [
        ['第一季度', 1],
        ['第二季度', 2],
        ['第三季度', 3],
        ['第四季度', 4]
    ]
}]

// 此處省略 圖表其他的配置程式碼
series: [
     // 折線
     {
        symbolSize: [26,72],
        symbol: img,
        name: '季度資料',
        type: "line",
        data: YData,
        itemStyle: {
            normal: {
                borderWidth: 
 
3,
                color: '#FFFECD',
            }
        }
    },
    // 光點
    {
        name: '光點',
        type: 'lines',
        coordinateSystem: 'cartesian2d',
        symbolSize: 30,
        polyline: true, // 多線段
        effect: {
            show: true,
            trailLength: 0.2, // 尾跡長度
            period: 6, //
 
 特效動畫的時間, 走完全程的時長
            symbolSize: [26,72],
            symbol: img
        },
        lineStyle: {
            normal: {
                width: 1,
                opacity: 0
            }
        },
        data: data
    }
]

Tips: 光點動畫不適用平滑曲線

官方文件連結:https://echarts.apache.org/zh/option.html#series-lines