3

だから私はColumnChartを持っています。組み込み機能の 1 つは、チャートの凡例のアイテム (いわゆるカテゴリ) にカーソルを合わせると、チャートの対応する列の周りにハイライト境界線が表示されることです。

現在、グラフに多数の列とカテゴリがあり、強調表示された系列/カテゴリが非常に見にくくなっています。これは、既定の動作では列の周りに 1 ピクセルの灰色の境界線が表示されるだけだからです。私の列は数ピクセル幅しかなく、10 の異なるカテゴリ (= 色) を区別する必要があります。そのため、非常に明るい色 (境界線が見つけやすい場所) のみを選択することはできません。変更する方法が見つかりませんでした：

  1. ハイライトボーダーのスタイル (主に色)または
  2. 凡例でそれぞれのカテゴリが選択されている場合の列の色 (塗りつぶしの色)。

draw()強調表示を変更するためにチャートの呼び出しに渡すことができるプロパティはありますか? 一部のイベント/メソッドを手動でオーバーライドする必要がありますか?

ヘルプは大歓迎です!

4

1 に答える 1

8

過去に、いくつかの CSS ハックを使用して、生成された SVG のいくつかのプロパティ (パス、四角形など) を変更しました。高度なセレクターをいじることができ、おそらくあなたが望むものを達成できるでしょう。非常に簡単でバグのある例を作成しましたが、正しい方向に向けられるかもしれません。

例えば：

div.google_chart svg g g g g rect { 
            stroke-width:0px; fill:red; 
            }

それが役に立てば幸い。

于 2012-10-29T14:15:41.803 に答える