散点图并将点用线连接

数据格式
data = [
[10.0, 8.04],
[8.07, 6.95],
[13.0, 7.58],
[9.05, 8.81],
[11.0, 8.33],
[14.0, 7.66],
[13.4, 6.81],
[10.0, 6.33],
[14.0, 8.96],
[12.5, 6.82],
[9.15, 7.2],
[11.5, 7.2],
[3.03, 4.23],
[12.2, 7.83],
[2.02, 4.47],
[1.05, 3.33],
[4.05, 4.96],
[6.03, 7.24],
[12.0, 6.26],
[12.0, 8.84],
[7.08, 5.82],
[5.02, 5.68]
]

 setSinglePointData(){
                            var optionData = {}
                            optionData.titleText = '单点图'
                            optionData.data =  [
                                [10.0, 8.04],
                                [8.07, 6.95],
                                [13.0, 7.58],
                                [9.05, 8.81],
                                [11.0, 8.33],
                                [14.0, 7.66],
                                [13.4, 6.81],
                                [10.0, 6.33],
                                [14.0, 8.96],
                                [12.5, 6.82],
                                [9.15, 7.2],
                                [11.5, 7.2],
                                [3.03, 4.23],
                                [12.2, 7.83],
                                [2.02, 4.47],
                                [1.05, 3.33],
                                [4.05, 4.96],
                                [6.03, 7.24],
                                [12.0, 6.26],
                                [12.0, 8.84],
                                [7.08, 5.82],
                                [5.02, 5.68]
                            ]
                            //二维数据排序
                            optionData.data.sort(function (a, b) {
                                return a[0] - b[0]; // 按第一个元素进行排序
                            });
                            let  lineData = []
                            for (let i = 0; i+1 < optionData.data.length; i++) {
                                var newLineArr = [
                                    {
                                        coord: [optionData.data[i][0], optionData.data[i][1]],
                                        lineStyle: {
                                            width: 1,
                                            type: 'solid',
                                            color: '#409EFF',
                                        },
                                    },
                                    {
                                        coord: [optionData.data[i+1][0], optionData.data[i+1][1]],
                                        lineStyle: {
                                            width: 1,
                                            type: 'solid',
                                            color: '#409EFF',
                                        },
                                    }
                                ]
                                lineData.push(newLineArr)
                            }
                            optionData.lineData = lineData
                            return optionData
                        },

配置项

   option = {
                    title: {
                        // text: '单点图'
                        text: optionData.titleText
                    },
                xAxis: {},
                yAxis: {},
                legend: {},
                series: [
                    {
                        symbolSize: 8,
                        data:optionData.data,
                        type: 'scatter',
                        itemStyle: {
                            color: '#F56C6C', // 数据点颜色
                        },
                        markLine: {
                            symbol: 'none', // 去掉箭头
                            data:optionData.lineData
                        },
                    }
                ]
            }