将鼠标悬停在 Highchart 多边形中不在点上的区域

Question

我有一张图表，我想将鼠标悬停在区域上，但我发现它只适用于点。

        series: [{
            name: 'Target',
            type: 'polygon',
            data: [[153, 42], [149, 46], [149, 55], [152, 60]], 
            color: Highcharts.Color(Highcharts.getOptions().colors[0]).setOpacity(0.5).get(),
            enableMouseTracking: true

        }],
        tooltip: {
            headerFormat: '<b>{series.name}</b><br>',
            pointFormat: '{point.x} cm, {point.y} kg'
        }

http://jsfiddle.net/onhfLqdm/3/

由于区域是以点为界的，所以我怎样才能将鼠标悬停在区域而不是点上？

Answer 1

更新将鼠标悬停在每个多边形上询问者想要显示来自 json.To 的数据，请在容器外的 div 中执行此操作，请查看 this fiddle

在工具提示中 显示来自 json 的一些信息的另一种选择，工具提示可以是 used.Put 您的数据，使用一些名称，例如 "someText"（如我的 fiddle ）并使用

在工具提示的格式化程序函数中获取它

  this.options.someText

See this fiddle for data in tooltiip

旧答案：

 plotOptions: {
        series: {

            events: {
                mouseOver: function () {
                     $("#polygon").html('Moused over Event')
                        .css('color', 'green');
                },
                mouseOut: function () {
                    $("#polygon").html('Moused out Event')
                        .css('color', 'red');
                }
            }
        }
    }

Fiddle link is here

将鼠标悬停在 Highchart 多边形中不在点上的区域

Hover on areas not on point in Highchart-polygon

polygon

hover

highcharts