javascript - 通过 CSS 类更改 Google Chart 滑块宽度（Google Chart 上的 CSS 注入）

Question

您好我使用谷歌图表作为一些数据的分析。但是，我坚持使用 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”的类？但是范围滑块不会根据它改变它的宽度吗？

Answer 1

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

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

那么它应该可以工作。