JavaScript 怎么能获取到 highchart 中选定点的 index

michael_roshen · 2013年09月11日 · 最后由 michael_roshen 回复于 2013年09月11日 · 8148 次阅读

怎么能获取到 highchart 中选定点的 index,如果,当鼠标移到红色位置时,获取 index 为 4 (从左至右)

$(function () {
    $('#container').highcharts({

        chart: {
        },

        xAxis: {
            categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul',
                                     'Aug', 'Sep', 'Oct', 'Nov', 'Dec']
        },

        tooltip: {
            formatter: function() {
                var s = '<b>'+ this.x +'</b>';

                $.each(this.points, function(i, point) {
                    alert(i);
                    s += '<br/>'+ point.series.name +': '+
                        point.y +'m';
                });

                return s;
            },
            shared: true
        },

        series: [{
            data: [29.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4]},
        {
            data: [216.4, 194.1, 95.6, 54.4, 29.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5]}]

    });
});

自问自答: 自己加的 index , 通过 this.point.index 调用

$(function () {
    $('#container').highcharts({
        chart: {
        },

        tooltip: {
            formatter: function() {
                return 'The index for <b>'+ this.x +
                    '</b> is <b>'+ this.point.zindex +'</b>';
            }
        },

        xAxis: {
            categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec']
        },

        series: [{
            data: [{"zindex":0,"y":16.61},{"zindex":1,"y":33.0},{"zindex":2,"y":207.0},{"zindex":3,"y":329.0}, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4]        
        }]
    });
});
需要 登录 后方可回复, 如果你还没有账号请 注册新账号