bubblechart_chartlabel インターフェース

チャートの各バブルのラベルの描画に使用されるすべての設定を定義する chartLabel オブジェクトを作成します。

型: Object

デフォルト値:

chartLabel: { chartLabelFormatString:"", compass: "north", position: "inside", style: {}, visible: true }

使用例

以下のコードは、ラベルが各バブルの外側（の南側）に配置されたバブルチャートを作成します。ラベルは小数点なしのパーセント数値として書式設定され、紫色の 14 ポイントのフォントで表示されます。このコードの実行結果は下の図のようになります。

Javascript

<script type="text/javascript">
$(document).ready(function () {
    $("#wijbubblechart").wijbubblechart({
        axis: {
            y: {text: "Number of Products"},
            x: {text: "Sales", annoFormatString: "C0"}
        },
        chartLabel: {
            chartLabelFormatString:"P0",
            compass: "south", 
            position: "outside", 
            style: {fill: "purple", "font-size": 14}
        },
        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>

フィールド

	名前	解説
	chartLabelFormatString	各バブルの値を示すチャートラベルの数値書式を設定します。
	compass	ラベルの position オプションが "outside" に設定されている場合に、各バブルのチャートラベルを描画するコンパス位置を示す値。position オプションが "inside" に設定されている場合、この属性は無視されます。デフォルト値: "north"
	position	チャートの各バブルの内側と外側のどちらにラベルを描画するかを示す値。デフォルト値: inside
	style	チャートの各バブルのラベルに適用するスタイルパラメーターを示す値。デフォルト値: {}
	visible	visible オプションは、チャートの各バブルにラベルを描画するかどうかを示します。デフォルト値: true

トップ

参照

wijmo.chart 名前空間