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的数据。要在容器的div中执行此操作，请查看this fiddle

在工具提示中另一个显示来自json的信息的选项，可以使用工具提示。使用某些名称来输入您的数据，例如＆＃34; someText＆＃34; （在我的小提琴中）并使用

获取工具提示的格式化函数

  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-polygon中不在点上的区域

1 个答案: