2016-05-27 26 views
0

最近c3を使用してこれまでのところ愛用し始めました。私は基本的な折れ線グラフを持っており、ポイントをドラッグ可能にしたい。C3 draggableが折れ線グラフで動作しない

var chart = c3.generate({ 
      bindto: '#chart-' + this.toolId, 
      data: { 
       columns: [column1, column2], 
       selection: { draggable: true } 
      } 
     }); 

を、私はポイントをドラッグすることはできません。だから、ドキュメントによると、以下のように私は私のデータでselection: { draggable: true }を追加しました。私はまた、c3ウェブサイトの例の1つでオプションを設定しようとしました。そこにもうまくいきません。私はここに何かを逃していますかどんな助けでも本当に感謝しています。ありがとう。

私が必要とする機能は、データポイントをドラッグできるようにすることであり、ラインはそれに応じて調整されます。たとえば、http://bl.ocks.org/stepheneb/1182434

+1

残念ながら、C3ではドラッグ可能とはデータポイントを移動することを意味するのではなく、マウスドラッグとその中のポイントで画面上の領域を選択できることを意味します。おそらく、ブラシブルとして改名する方が良いでしょうか? http://jsfiddle.net/xkh38wz8/ – mgraham

+0

私は参照してください。説明ありがとう。ポイントドラッグ機能を達成するためにC3には何か方法がありますか? – akshayKhot

+0

設定ではありません。当然のことながら、bl.ocksの例では、上にd3を追加して作成することもできますが、C3を使うと実際には複雑になります。C3は内部オブジェクトの軸に使われているスケールを隠してしまいます。 Y軸のドラッグ値を新しいデータ値に戻すようにマップする必要があります – mgraham

答えて

0

設定は選択のみです。また、文書には次のことも記載されています: Enable TO SELECT data points by dragging.この機能を有効にした後、ポイントはドラッグすることはできませんが、ドラッグするだけで選択できるようになります。

しかし、最近、私はそれをドラッグ可能にする方法を発見した:溶液中ではlook at JSFiddle example

、唯一の座標が変更されているが、abscisesのためのソリューションは、同じ方法で行うことができます。

関連する問題