在c3.js中绘制这些xy点

Question

我试图在c3.js中生成一个“散点图”图表。当我想画出这些点时，我的问题就会发生。在c3.js中，点与平面上的实际点不匹配。

​

​

我做错什么了？

以下是要点：

//x
['data1', 1,2,3,4,5,4,3,2,1],
//y
['data2', 2,3,4,7,8,9,8,7,3]

https://jsfiddle.net/qrqquhvd/

  var chart = c3.generate({
    data: {
      xs: {
        data1: "data2"
      },
      columns: [
        ['data1', 1,2,3,4,5,4,3,2,1],
        ['data2', 2,3,4,7,8,9,8,7,3]
      ],
      type: 'scatter'
    }
  });

Answer 1

你把你的(X，Y)坐标搞混了，看看c3图和你的真实坐标。在真实的图上，你的第一点是(1,2)，但是在你的c3图上，你把它作为(2,1)。

或者像这样交换data1和data2的值。

columns: [
  ['data1', 2,3,4,7,8,9,8,7,3],
  ['data2', 1,2,3,4,5,4,3,2,1]
],

或将xs更改为

xs: {
  data2: "data1"
},