通過CSS類更改Google圖表滑塊寬度（Google Chart上的CSS注入）

嗨我正在使用Google圖表作爲一些數據的分析。不過，我被困在使用CSS自定義圖表和控件。我試圖用ui.cssclass但沒有運氣...通過CSS類更改Google圖表滑塊寬度（Google Chart上的CSS注入）

rangeSlider = new google.visualization.ControlWrapper({ 
      'controlType': 'NumberRangeFilter', 
      'containerId': 'slider' + num, 
      'options': { 
       'minValue': 1, 
       'maxValue': 10, 
       'filterColumnLabel': Count 
      }, 
      'ui': { 
       'cssClass': 'sliderClass' 
      } 
     });

我的班「sliderClass」包含...

.sliderClass 
{ 
width:50px; 
}

難道我用它在正確的道路，在這裏我聲明一個類在主css中調用'sliderClass'？但是範圍滑塊不會根據它改變其寬度？

來源

2013-06-26 William Tio Wee Leong

這有點棘手，因爲我們沒有公開任何東西來設置控件的寬度。你實際需要設置的寬度是類爲'google-visualization-controls-slider-horizontal'的元素。我相信如果你改變你的CSS

.sliderClass .google-visualization-controls-slider-horizontal { 
    width:50px; 
}

那麼它應該工作。

來源

2013-06-26 14:08:06

您可能還想添加：.sliderClass .google-visualization-controls-rangefilter {white-space：nowrap} – dlaliberte

Sergey或@dlaliberte - 您如何獲得這些隱藏元素的列表？您是否在生成HTML後檢查螢火蟲，以查看它最終被調用的內容？ – jmac

檢查HTML是我如何找到類名稱的，因爲這些都是沒有記錄的，所以這是你現在唯一的選擇。 – dlaliberte

通過CSS類更改Google圖表滑塊寬度（Google Chart上的CSS注入）

回答

相關問題