2017-09-20 5 views
0

c3.jsに「散布図」グラフを生成しようとしています。私の問題は、これらの点をプロットするときに発生します。 c3.jsでは、点は平面上の実ポイントと一致しません。これらの点をx3をc3.jsにプロットする

enter image description here

私が間違って何をやっています?。

これらはポイントです:

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

答えて

2

あなたはあなたの(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: { 
    data2: "data1" 
}, 
+0

には、Xを変更私はお時間をどうもありがとうございました。しかし、それはどちらもうまくいかない。グラフはまだ同じです。 – yavg

+0

@yavg最初の提案か2番目のどちらかを実行するようにしてください。両方ともではありません。https://jsfiddle.net/8bccg0nh/を見てください。私はdata1とdata2の値を入れ替えただけです。 – kyle

+0

どのようなxs属性が使用されていますか? – yavg