在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"
},