2016-05-23 18 views
1

私はc3.jsを使ってグラフを作っていますが、これまでのイベントの.onClickを使ってグラフのオプションを選択できましたが、複数の選択方法を理解することはできませんグラフでは、ドキュメントでは、data.onselectedはまだ利用できないと言っています。私が何をしたいの複数選択c3.js

例: 私が示したグラフである:DATA1、DATA2とDATA3を、どのようなc3.jsは今可能にすることを選択しDATA1またはDATA2またはDATA3ですが、私がしたいことを選択DATA1で、

をDATA2

どのようにそれを達成するためのアイデアですか? あなたが

+1

より良いコード例を提供 – thatOneGuy

+0

@Cyril x軸を拡大したい、x軸の異なる値のデータを取得する – Jean

+0

@Cyril私はあなたのPlunker https:// plnkrを見ました。私のやりたいことは、複数のバーを選択することです。あなたの場合は、1つのバーしか選択できません。 – Jean

答えて

2

あなたはチャートデータの宣言に使用される作り付けのC3の機能を、試みることができるありがとう:

selection: { 
     enabled: true, 
     multiple: true, 
    } 

http://c3js.org/reference.html#data-selection-multiple

唯一の問題は、C3は、視覚的に非常に多くをしない選択を区別することですデフォルトとして選択されていないから、その一部のCSSは役立つかもしれない:ここ

._selected_ : { 
    fill-opacity: 1; 
} 

.c3-shape:not(._selected_) { 
    fill-opacity: 0.4; 
} 

を完全フィドル:http://jsfiddle.net/k9Dbf/890/