使用CSS自定義Google圖表

就我而言，我有兩個選擇，我偶然發現。第一個選項是：

只要檢查瀏覽器中的元素，看看類的名稱是什麼，然後給他們新的規則在CSS文件。在某些情況下，我必須設置!important;來覆蓋規則。這個選項看起來非常「醜陋」，因爲迫使這個班級有一個!important;狀態只是醜陋的。

.charts-menu-button, 
.charts-menu-button-inner-box { 
    width: 200px; 
    line-height: 55px; 
    border: 0 !important; 
    padding: 0 !important; 
}

這是我很困惑在我的第二個選項。當我讀谷歌圖文檔，他們建議調用「的CssClass」，像這樣：

options: { 
ui: { 
cssClass: {} 
    } 
}

我不明白的是，當我有第二個選項去，絕對沒有什麼事情發生在我想要定製的課程上。

所以我的問題是：我在這裏做錯了什麼，有沒有其他方式？

來源

2014-11-03 maverick

在圖表的選項中設置cssclassnames如下所示。定義css文件中的類。下面的例子是爲表格。

chart1.options = {// 標題：「用戶表」， displayExactValues：真， 'showRowNumber'：假， 'allowHtml'：真， is3D：真， // '高度'： '350px'， cssClassNames：{ headerRow：'tableChartHeaderRow'， hoverTableRow：'tableChartHeaderRowHighlightedState' } };

來源

2014-11-03 10:46:24 vinod

這裏並沒有真正關注你。你有時間和精力去做小提琴嗎？ – maverick 2014-11-03 12:15:36

http://jsfiddle.net/snz2bdcy/請檢查。一旦找到與我自己完成的相關的答案相關的 – vinod 2014-11-03 12:46:19

，請將其標記爲有用......但在某些情況下，我已經使用！important重寫了一些規則; – maverick 2014-11-03 12:55:34

使用CSS自定義Google圖表

回答

相關問題