textStyle オプション

他のスタイルオプションが設定されていないチャートテキストのフォールバックスタイルに使用するオブジェクトを作成します。

型: Object

デフォルト値: {fill:"#888", "font-size": 10, stroke:"none"}

シンタックス

Javascript (Usage)
$(function () { //値を取得する var returnsValue; //タイプ： any returnsValue = $(".selector").wijbarchart("option", "textStyle"); //値を設定します var newValue; //タイプ： any $(".selector").wijbarchart("option", "textStyle", newValue); });

Javascript (Usage)

$(function () {
    
    //値を取得する
    var returnsValue; //タイプ： any
    returnsValue = $(".selector").wijbarchart("option", "textStyle");
    
    //値を設定します
    var newValue; //タイプ： any
    $(".selector").wijbarchart("option", "textStyle", newValue);
        
});

Javascript (Specification)
var textStyle : any;

使用例

以下のサンプルは、テキストの塗りつぶし色を赤に設定します。これは他のスタイルオプションが設定されていないチャートテキスト（このケースでは各バーのチャートラベル）にのみ有効です。

Javascript

<script id="scriptInit" type="text/javascript">
    $(document).ready(function () {
        $("#wijbarchart").wijbarchart({
            textStyle: {fill: "red"},
            seriesList: [{
                label: "US",
                data: { x: ['PS3', 'XBOX360', 'Wii'], y: [12.35, 21.50, 30.56] }
            }, {
                label: "Japan",
                data: { x: ['PS3', 'XBOX360', 'Wii'], y: [4.58, 1.23, 9.67] }
            }, {
                label: "Other",
                data: { x: ['PS3', 'XBOX360', 'Wii'], y: [31.59, 37.14, 65.32] }
            }],
        });
    });
</script>

解説

チャートのテキストタイプはそれぞれ、デフォルトで適用される異なるスタイルセットを持ちますが、これらのスタイルが null に設定されている場合、または特定のスタイルオプションがデフォルトで設定されていない場合は、このオプションで設定したスタイルオプションにフォールバックされます。このオプションをフォールバックスタイルとして使用できる個別のチャートテキストタイプのスタイルは、以下のオプションで設定されます。

X 軸および Y 軸ラベルの style
X 軸および Y 軸の textStyle
chartLabelStyle
ヘッダおよびフッタ（タイトル）の textStyle
ヒントの contentStyle
ヒントの titleStyle
凡例の textStyle
凡例の titleStyle

スタイルオブジェクトは Raphael の attr メソッドのパラメーターで定義されています。http://raphaeljs.com/reference.html#Element.attr を参照してください。

関連トピック

参照