Wijmo UI for the Web
gridMinor フィールド
副グリッド線の情報を提供する値。
デフォルト値: {visible:false, style:{stroke:"#CACACA","stroke-dasharray":"- "}}
型: Object
シンタックス
Javascript (Usage) 
var instance; //タイプ:wijmo.chart.chart_axis;
var value; // Type: chart_axis_grid
value = instance.gridMinor;
Javascript (Specification) 
var gridMinor : chart_axis_grid;
使用例

以下のコードは、X 軸の主グリッド線と副グリッド線の両方を表示するチャートを作成します。どちらのグリッド線もデフォルトスタイル設定は同じなので、両方の visible 属性を true に設定することに加えて、gridMajor オプションの style プロパティを実線に設定しています。これにより、作成されたチャートでは下の図のように主グリッド線が実線、副グリッド線が破線になります。

<script type="text/javascript">
$(document).ready(function () {
    $("#wijbubblechart").wijbubblechart({
        axis: {
            y: {text: "Number of Products"},
            x: {
                text: "Sales", 
                annoFormatString: "C0", 
                gridMajor: {visible: true, style: {"stroke-dasharray": ""}},
                gridMinor: {visible: true}
                }
        },
        chartLabelFormatString: "p0",
        chartLabelStyle: {fill: "white"},
        legend: {visible: false},
        seriesList: [
        {
            label: "Company A Market Share",
            data: { y: [14], x: [12200], y1: [.15] }
        }, {
            label: "Company B Market Share",
            data: { y: [20], x: [60000], y1: [.23] }
        }, {
            label: "Company C Market Share",
            data: { y: [18], x: [24400], y1: [.1] }
        }]
    });
});
</script>
解説
style
副グリッド線のスタイルを示す値。使用可能なスタイルパラメーターの詳細については、「スタイルのオプション」トピックを参照してください。
デフォルト値: {stroke:"#CACACA", "stroke-dasharray":"- "}
型: Object
visible
副グリッド線が表示されるかどうかを示す値。
デフォルト値: false
型: Boolean

関連トピック

参照

chart_axis インターフェース

 

 


Copyright © GrapeCity inc. All rights reserved.