javascript - 通过 CSS 类更改 Google Chart slider 宽度(Google Chart 上的 CSS 注入(inject))

Question

您好，我正在使用 Google Charts 来分析一些数据。但是我坚持使用 css 自定义图表和控件。我尝试使用 ui.cssclass 但没有运气......

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”的类？然而，范围 slider 不会根据它改变其宽度？

Answer 1

这有点棘手，因为我们没有公开任何内容来设置控件的宽度。您实际需要设置宽度的是类为“google-visualization-controls-slider-horizo​​ntal”的元素。我相信如果您将 CSS 更改为

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

那么它应该可以工作了。