Google Chart API：更改懸停圖例的顏色

因此，我有一個ColumnChart，其中一個內置功能是您可以將鼠標懸停在圖表圖例中的某個項目（所謂的類別）上，在圖表中相應列的周圍。Google Chart API：更改懸停圖例的顏色

現在我在圖表中有很多列和類別，並且突出顯示的系列/類別很難看清，因爲默認行爲僅在列周圍顯示1px灰色邊框。我的列只有幾個像素的寬度，我仍然需要區分10個不同的類別（=顏色）。所以只挑選非常淺的顏色（邊框很容易辨認）是不行的。我發現沒有改變方式：

亮點界（主要顏色）的風格或
列的顏色（填充顏色）時，它們各自的類別中選擇傳說。

是否有一些屬性可以傳遞給我的圖表的draw()調用以更改突出顯示？我是否必須手動重寫某些事件/方法？

幫助非常感謝！

來源

2012-10-28 Peter Ilfrich

在過去，我用一些CSS黑客來改變生成的SVG的一些屬性（路徑，矩形等...）你可以玩先進的選擇器，也許你將能夠實現你想。我創建了一個非常快速和錯誤的例子，但也許它會指出你在正確的方向。

例如：

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

希望它能幫助。

來源

2012-10-29 14:15:41 CMoreira

哦，我的上帝，它實際上工作。非常感謝。您的代碼突出顯示當前選定的列，您將鼠標懸停在上面。要獲取整個系列（將鼠標懸停在圖例上），請執行以下代碼：'div.google_chart svg g g g r rect {stroke_width：0px; 填充：紅色; }' - 這導航SVG樹。看起來很棒！也許更新你的答案，所以它可以馬上被發現。再一次：謝謝！ –

酷彼得！很高興你設法找到正確的CSS！我更新了我的答案，就像你說的那樣，馬上就會被發現，並且刪除了jsfiddle鏈接，不知道它是不是正確的。很高興我能幫上忙！歡呼聲 – CMoreira

謝謝CMoreira，你真的幫了我。這是完美的，它爲我節省了很多時間。 – misco

Google Chart API：更改懸停圖例的顏色

回答

相關問題