echarts在一张图上绘制多条线段

Question

预期画成这种样子。即2个点连一条线，在一张图表上绘制出来。
数据这块的话，我可以处理成任意需要的格式，但是不清楚options怎么写可以配置成这个样子，哪位做过，给个参考呢。

Answer 1

自己查到了。。。

option = {
      title: {
        show: false,
      },
      tooltip: {
        trigger: 'axis',
      },
      legend: {
        show: false,
      },
      dataZoom: [
        {
          type: 'inside',
        },
      ],
      grid: {
        left: '0%',
        right: '2%',
        bottom: '3%',
        top: '6%',
        containLabel: true,
      },
      toolbox: {
        feature: {
          saveAsImage: false,
        },
      },
      xAxis: {
        min: 0,
        max: 100,
        type: 'value',
      },
      yAxis: {
        min: 0,
        max: 100,
        type: 'value',
      },
      series: [
        {
          name: 'A',
          type: 'lines',
          coordinateSystem: 'cartesian2d',
          polyline: false,
          lineStyle: {
            width: 3,
          },
          effect: {
            show: true,
            symbol: 'arrow',
            // symbol: 'circle',
            color: 'rgba(55,155,255,0.5)',
            symbolSize: 12,
            period: 2,
            loop: true,
            trailLength: 0.1,
          },
          symbol: ['none', 'arrow'],
          symbolSize: 10,
          data: [
            {
              coords: [
                [7, 20], // 起点
                [30, 60], // 终点
              ],
            },
            {
              coords: [
                [20, 27], // 起点
                [40, 40], // 终点
              ],
            },
          ],
        },
      ],
    };