2017-01-12 12 views
-1

棒グラフと2つの値x(0 5 10などのようになります)とy(0 1000 2000のようになります)25の後に表示される棒を強調表示できますかx軸上で?c3.js特定のものを強調表示

私はchart.focus(targetIds)を見つけましたが、itの使い方を理解できませんでした。

答えて

1

最初のもの:これのための機能はありません。 Chart.focus(targetId)は、1つの完全なデータセットを強調表示するために使用され、チャートがロードされた場合にのみ表示されます。マウスオーバー後はハイライトされません。

代わりにグループを使用して回避策を使用できます。 強調表示されていると強調表示されていない表示は、異なる色で異なるグループにある必要があります。

欠点:これまでの2倍のカラムがあり、ツールチップと凡例を使用すると、フォーマットする必要があります。そうしないと醜いでしょう。

しかし、あなたはこれでOKなら、ここでは一例です:jsFiddle

+0

おかげ@Akoya!私は解決策を見つけたと思うが、色を明るい色に変えることはハイライトとして考えるべきだ: 次のコードのように25を使って強調表示する関数を書くことができる。今のインデックスに例): '色:機能(色、D){ 戻り色[d.index] }' 確認[jsFiddle(http://jsfiddle.net/gUf6a/1 /) 多くのための。 (カラーコードのコメントを外します)。 –

関連する問題