2

こんにちは、いくつかのデータの分析として 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」というクラスを宣言する正しい方法で使用していますか? ただし、範囲スライダーはそれに基づいて幅を変更しませんか?

4

1 に答える 1

4

コントロールの幅を設定するものを何も公開していないため、これは少し注意が必要です。実際に幅を設定する必要があるのは、「google-visualization-controls-slider-horizo​​ntal」クラスを持つ要素です。CSSを次のように変更すると信じています

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

それならうまくいくはずです。

于 2013-06-26T14:08:06.360 に答える