echarts多个点之间依次连线

ECharts是一个强大的JavaScript数据可视化库，如果你想要在图表中创建多个点之间的连线，可以使用折线图（line chart）或者scatter plot（散点图）配合`lineStyle`配置。以下是基本步骤：

1. 首先，你需要创建一个echarts实例并配置数据。例如，假设你有多个数据点（x轴坐标和y轴坐标）：

var option = {
    xAxis: { data: ['A', 'B', 'C', 'D'] }, // x轴的数据
    yAxis: {}, // y轴的基本配置，这里不需要详细列出
    series: [
        {
            name: '线条连接',
            type: 'line', // 使用折线图
            data: [[0, 2], [4, 5], [6, 9], [8, 12]], // 点的坐标数组
            lineStyle: { // 连线样式
                type: 'pline', // 类型，pline表示实线
                color: '#FF0000' // 连线颜色
            }
        }
    ]
};

2. 如果你想通过鼠标交互动态显示一条线，可以使用`graphic`组件添加动态路径元素：

onEvent: {
    mousemove: function(param) {
        var point = getPointFromMouse(param); // 获取鼠标点击位置对应的点
        if (point) {
            graphic.clear(); // 清除之前绘制的路径
            graphic.path([point[0], point[1]]).style({
                fill: null,
                stroke: '#FF0000',
                lineWidth: 2
            });
        } else {
            graphic.remove();
        }
    }
}