X対Yのチャートを作ろう

Question

xにはいくつかの点があり、yにはいくつかの点があります。私は私が持っているイメージのようにチャートを作ろうとしています。私は、作成されたグラフのポイントを結合することができます。 c3.jsではXとYをプロットする方法がわかりません。私の写真のようなものをどうすれば達成できますか？

https://jsfiddle.net/8tqguqww/

var pointsx=[1,2,3,4,5,4,3,2,1] 
var pointsy=[2,3,4,7,8,9,8,7,3] 

var chart = c3.generate({ 
    data: { 
     columns: [ 
      ['data1', 30, 200, 100, 400, 150, 250], 
      ['data2', 50, 20, 10, 40, 15, 25] 
     ] 
    }, 
    point: { 
     show: true 
    } 
}); 

Answer 1

チャートのこの種の名前は散布図です。

type: 'scatter' 

そして、データ配列のペアは何ですかC3を伝える：

したがって、あなたは型を指定する必要がありますhttps://jsfiddle.net/qrqquhvd/

：ここ

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

が更新フィドルです編集：あなたの質問にcommentのため、私はあなたがこの要件を持っていることに気づいた："私はクレアのポイントが欲しいテッドグラフは「」に参加できます。答えは簡単です：C3だけでは不可能です。あなたはD3コードでそれをしなければなりません...さらに良いアイデアは、C3を落としてD3ですべてをやっていることです。