0

「D3 ベースの再利用可能なチャート ライブラリ」である c3.js を使用しています。また、円グラフを内部に含むドーナツ グラフの独自の凡例も作成しました。凡例とグラフをリンクして、凡例項目をクリックすると、凡例とドーナツ/円グラフdivの対応する要素の両方でアニメーションがトリガーされるようにしたい、またはその逆の場合 (円/ドーナツ パスをクリックするとトリガーされる)path両方のアニメーション)。c3 アイテムの onclick イベント リスナーを設定できることはわかっていますが、ID がないと、対応する legend を識別できませんdiv。また、凡例にクリック ハンドラーを設定するとdiv、対応するものがわからpathず、c3 の組み込みのクリック アニメーションをトリガーする方法もわかりません。

編集: 選択した状態 ( http://c3js.org/reference.html#api-select )をトリガーできることがわかりましたが、ID を渡す必要があります。私のグラフでは、渡す ID がありません。各データ ポイントにカスタム ID を設定する方法はありますか?

4

1 に答える 1

0

API 呼び出しを使用するためにselect、独自の ID を割り当てる必要はありません。あなたができることは、グラフによって表されるデータセットを渡し、次に選択するデータセット内のデータポイントのインデックスを渡すことです。

たとえば、ドーナツ チャートは、10 個の要素を持つ salesBreakdown というデータセットをグラフ化しています。誰かがdiv凡例の最初をクリックすると、次のように呼び出すことができます:

chart.select(['salesBreakdown'], [0], true);

これによりselected、salesBreakdown[0] に対応するアークの状態が設定されます。はtrue、他のすべてのアークの状態をリセットします。複数選択などを行いたい場合は、これを false のままにしておくことができます。

于 2015-03-24T17:04:29.367 に答える