ECharts散點圖中的點如何連接？

Question

線與散點圖我想在散點圖中用一條線連接點，例如 Chart.js 中的散點線圖添加 showLine：true。

option = {
  xAxis: {},
  yAxis: {},
  series: [
    {
      symbolSize: 20,
      data: [
        [10.0, 8.04],
        [8.07, 6.95],
        [7.07, 6.95],
        [13.0, 7.58]
        ],
      type: 'scatter'
    },
      {
      symbolSize: 1,
      color: 'red',
      data: [
        [3.0, 8],
        [3.0, 4],
        ],
      type: 'line',
      lineStyle: {
                "width": "2"
      },
    }
   
   ]
};

Answer 1

您可以在折線圖上繪制散點，而不是在散點圖上繪制 lineS，它們將具有完全相同的效果：

這是它的配置：

option = {
  xAxis: {},
  yAxis: {},
  series: [
    {
      symbolSize: 20,
      data: [
        [7.07, 6.95],
        [8.07, 6.95],
        [10.0, 8.04],
        [13.0, 7.58]
      ],
      symbol: 'circle',
      type: 'line'
    }
   ]
};