Javascript 制作一张X与Y的图表

我在x上有一些点，在y上有一些点。我正试着做一个图表，就像我的图片一样。我希望创建的图形的点可以连接。在c3.js中，我不知道如何绘制X和Y。如何实现像照片这样的效果

---

这种图表的名称是散点图

因此，您必须指定类型：

type: 'scatter'

并告诉C3什么是数据数组对：

xs: {
  data1: "data2"
},
columns: [
  ['data1', 30, 200, 100, 400, 150, 250],
  ['data2', 50, 20, 10, 40, 15, 25]
],

以下是更新的小提琴：

---

编辑：因为在你的问题中，我刚刚意识到你有这样的要求：“我希望创建的图形的点可以连接”。答案很简单：仅仅使用C3是不可能的。你必须用D3代码来做。。。一个更好的主意就是放弃C3，用D3做所有的事情

散点图可以部分解决您的问题，但如果您想通过路径连接点，则需要移动到d3。您的答案是最好的！他们帮助我学到了很多东西。你是个天才你能帮我吗？如果你不知道，没有人会知道我看到了那个问题。不幸的是，在我看来，这对于一个s.O.问题来说是太多的工作了。我进行了研究，几乎可以解决我的问题，但现在我得到了一个新的问题。你能帮我一下吗？

xs: {
  data1: "data2"
},
columns: [
  ['data1', 30, 200, 100, 400, 150, 250],
  ['data2', 50, 20, 10, 40, 15, 25]
],