Wijmo UI for the Web
legend オプション

型: wijmo.chart.chart_legend

チャートとともに表示する凡例オブジェクトを作成します。

シンタックス
Javascript (Usage) 
$(function () {
    
    //値を取得する
    var returnsValue; //タイプ: wijmo.chart.chart_legend
    returnsValue = $(".selector").wijlinechart("option", "legend");
    
    //値を設定します
    var newValue; //タイプ: wijmo.chart.chart_legend
    $(".selector").wijlinechart("option", "legend", newValue);
        
});
Javascript (Specification) 
var legend : chart_legend;
使用例
// 以下のコードは、凡例を持つチャートを作成します。凡例はチャートの下部(south) // に配置され、系列ラベルと色が横向き(horizontal)に並べられます。塗りつぶし色は明るい灰色、// 輪郭色は灰色で(style)、"Legend" というタイトルが付いています(text)。テキストの周囲には // 5 ピクセルの余白があり(textMargin)、系列ラベルは 12 ポイントの黒いフォント(textStyle)、// タイトルは 14 ポイントのフォント(titleStyle)で表示されます。 $(document).ready(function () { $("#wijbarchart").wijbarchart({ legend: { compass: "south", orientation: "horizontal", style: {fill: "gainsboro", stroke: "grey"}, text: "Legend", textMargin: {left: 5, top: 5, right: 5, bottom: 5 }, textStyle: {fill: "black", "font-size": 12}, titleStyle: {"font-size": 14} }, 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] } }], });});
解説
デフォルトでは、seriesList に作成する各系列は、指定した seriesList ラベルを使用して凡例に色分けして表現されます。ラベルを指定しない場合は、"undefined" というラベルになります。凡例に系列を表示しない場合は、seriesList の legendEntry 属性を false に設定します。デフォルトでは、凡例エントリをクリックすると、その凡例に対応するデータ系列の表示/非表示が切り替わります。この機能を無効にするコードについては、「クリック可能な凡例」を参照してください。

関連トピック

参照

options タイプ
wijlinechart メソッド

 

 


Copyright © GrapeCity inc. All rights reserved.