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

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”的类？ 但是，范围滑块不会根据它改变宽度？

Answer 1

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

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

然后它应该工作。