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 (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 プロパティを実線に設定しています。これにより、作成されたチャートでは下の図のように主グリッド線が実線、副グリッド線が破線になります。

Javascript

<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

関連トピック

参照