chart_indicator インターフェース

ユーザーがチャートのバーまたはバブルをクリックしたときに各要素の中心から水平に伸びるインジケーター線を表示できるオブジェクトを設定します。インジケーター線が表示されると、hint がチャートの上端に押し上げられます。

型: object

デフォルト値: indicator: {visible:false, style:{stroke:"#000000"}

使用例

以下のコードは、indicator オプションの visible 属性を true に設定し、色を紫に設定します。このコードの実行結果は下の図のようになります。

Javascript

<script type="text/javascript">
$(document).ready(function () {
    $("#wijbubblechart").wijbubblechart({
        axis: {
            y: {text: "Number of Products"},
            x: {text: "Sales", annoFormatString: "C0"}
        },
        indicator: {visible: true, style: {stroke: "purple"}},
        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	インジケーター線の塗りつぶし色と輪郭色（ストローク）を含む値。型: Object デフォルト値: `{stroke:` `"#000000"}`
	visible	ユーザーがチャートのチャート要素をクリックしたときにインジケーター線を表示するかどうかを示す値。

トップ

参照

wijmo.chart 名前空間