在c3.js中绘制这些点xy

我试图在c3.js中生成“散点图”图表。我想要绘制这些点时出现问题。在c3.js中，这些点与飞机上的实际点不匹配。在c3.js中绘制这些点xy

我在做什么错？

这些都是几点：

//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' 
    } 
    });

来源

2017-09-20 yavg

你有你的（X，Y）坐标混合起来，看看C3地块VS您的真实情节。在真实情节中，你的第一点是（1,2），但在你的c3情节中，你将它定义为（2,1）。

无论是交换数据1和数据2的值是这样的...

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

来源

2017-09-20 14:42:29 kyle

我非常感谢您的宝贵时间。但它也不起作用。图表仍然是一样的。 – yavg

@yavg确保你做的第一个建议或第二个建议，但不是两个...看看https://jsfiddle.net/8bccg0nh/我只是交换了data1和data2的值，它能正常工作。 – kyle

什么是xs属性用于？ – yavg

在c3.js中绘制这些点xy

回答

相关问题