content フィールド

ツールチップの内容部分に表示される値、または表示されるツールチップの値の取得に使用される関数。

デフォルト値:""

型: String または Function

シンタックス

Javascript (Usage)
var instance; //タイプ：wijmo.chart.chart_hint; var value; // Type: any value = instance.content;

Javascript (Usage)

var instance; //タイプ：wijmo.chart.chart_hint;
var value; // Type: any
value = instance.content;

Javascript (Specification)
var content : any;

使用例

以下のサンプルコードに示すような関数を使用して、Y1 データ値を代わりに使用し、それを小数点なしのパーセントで表示するように書式設定できます。「すべての数値の書式設定」も参照してください。

このコードでは、content 属性に指定した関数を使用して Y1（バブルサイズ）のデータをパーセントで表示するよう書式設定し、さらに seriesList オプションの label 属性を使用してデータのラベルを設定しています。その結果、下の図のようなヒントが表示されます。

Javascript

<script type="text/javascript">
$(document).ready(function () {
    $("#wijbubblechart").wijbubblechart({
        axis: {
            y: {text: "Number of Products"},
            x: {text: "Sales", annoFormatString: "C0"}
        },
        hint: {
            content: function(){
                return this.data.label + '\n' + 
                Globalize.format(this.y1, "p0") + ' ';
            }
        },
        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>

解説

ここで内容を設定しない場合、ヒントに表示される内容は以下の順序で決定されます。

hint オプションの title 属性
seriesList オプションのラベル属性（ラベル値が指定されていない場合は "undefined" と表示されます）
seriesList オプションの data y 属性

関連トピック

参照