clusterOverlap フィールド

各バーを同じクラスター内の次のバーに重ねてレンダリングする量をバー幅の割合（%）で設定します。

型: Number

デフォルト値:0

有効な値: -100 ～ 100

シンタックス

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

Javascript (Usage)

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

Javascript (Specification)
var clusterOverlap : number;

使用例

クラスターは、x データが同じで y データとラベルが異なる系列が seriesList に 2 つ以上含まれる場合に作成されます。たとえば、以下のコードのように、同じ自動車メーカーの 2 年間の売上データがある場合などがこれに該当します。このコードを実行すると、下の図のようなチャートが表示されます。

Javascript

<script id="scriptInit" type="text/javascript">
    $(document).ready(function () {
        $("#wijbarchart").wijbarchart({
            clusterOverlap: 50,
            seriesList: [{
                label: "2012 Auto Sales",
                legendEntry: true,
                data: { x: ['Ford', 'GM', 'Chrysler', 'Toyota', 'Nissan', 'Honda'], y: [.05, .04, .21, .27, .1, .24] }
            },
           {
                label: "2011 Auto Sales",
                legendEntry: true,
                data: { x: ['Ford', 'GM', 'Chrysler', 'Toyota', 'Nissan', 'Honda'], y: [.17, .19, .12, -.06, .17, -.07] }
            }],
        });
    });
</script>

解説

次の図は、clusterOverlap の値を変えたときにチャートの外観がどのようになるかを示します。

関連トピック

参照