gridMajor フィールド

主グリッド線の情報を提供する値。

デフォルト値: {visible:false, style:{stroke:"#CACACA","stroke-dasharray":"- "}}

型: Object

シンタックス

Javascript (Usage)
var instance; //タイプ：wijmo.chart.chart_axis; var value; // Type: chart_axis_grid value = instance.gridMajor;

Javascript (Usage)

var instance; //タイプ：wijmo.chart.chart_axis;
var value; // Type: chart_axis_grid
value = instance.gridMajor;

Javascript (Specification)
var gridMajor : chart_axis_grid;

使用例

以下のコードは、X 軸の gridMajor オプションの visible 属性を true に設定して、主グリッド線をデフォルトスタイルの破線で表示します。これらの線をカスタマイズするには、style 属性を使用します。このように visible を true に設定するだけで、下の図のようなチャートを作成できます。

Javascript

<script type="text/javascript">
$(document).ready(function () {
    $("#wijbubblechart").wijbubblechart({
        axis: {
            y: {text: "Number of Products"},
            x: {
                text: "Sales", 
                annoFormatString: "C0", 
                gridMajor: {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

関連トピック

参照