为什么点击空白也会出现tooltip？

[kedu]

如题，不是应该选中才出现吗？有配置可以设置吗？

[AAChartModel]

如果选中才出现 tooltip, 屏幕较小的情况下, 用户应该不容易选中想要的点.

能够让用户更方便地显示 tooltip, 这个应该是 Highcharts 有意为之.

[AAChartModel]

参考相同问题:

• https://www.highcharts.com/forum/viewtopic.php?t=43035

[AAChartModel]

参考以上相同问题对应的文档链接中的示例代码, 编写测试图表📊实例如下:

+ (AAOptions *)showTooltipOnlyOnClick {
    return AAOptions.new
        .chartSet(AAChart.new
                  .typeSet(AAChartTypeLine)) // 设置图表类型为折线图
        .tooltipSet(AATooltip.new
                    .enabledSet(NO)) // 默认禁用提示框
        .xAxisSet(AAXAxis.new
                  .categoriesSet(@[
                    @"孤岛危机",
                    @"使命召唤",
                    @"荣誉勋章",
                    @"狙击精英",
                    @"神秘海域",
                    @"最后生还者",
                    @"巫师3狂猎",
                    @"对马之魂",
                    @"蝙蝠侠阿甘骑士",
                    @"地狱边境",
                    @"闪客",
                    @"忍者之印"
                  ]))
        .plotOptionsSet(AAPlotOptions.new
                        .seriesSet(AASeries.new
                                   .markerSet(AAMarker.new
                                              .radiusSet(@8)//曲线连接点半径
                                              .symbolSet(AAChartSymbolTypeCircle)//曲线点类型："circle", "square", "diamond", "triangle","triangle-down"，默认是"circle"
                                              .fillColorSet(AAColor.whiteColor)//点的填充色(用来设置折线连接点的填充色)
                                              .lineWidthSet(@8)//外沿线的宽度(用来设置折线连接点的轮廓描边的宽度)
                                              //外沿线的颜色(用来设置折线连接点的轮廓描边颜色，当值为空字符串时，默认取数据点或数据列的颜色)
                                              .lineColorSet(AARgbaColor(204, 150, 103, 1.0))
                                              )
                                   .pointSet(AAPoint.new
                                             .eventsSet(AAPointEvents.new
                                                        .clickSet(@AAJSFunc(function() {
                                                            this.series.chart.update({
                                                                tooltip: {
                                                                    enabled: true
                                                                }
                                                            });
                                                        }))
                                                        .mouseOutSet(@AAJSFunc(function() {
                                                            this.series.chart.update({
                                                                tooltip: {
                                                                    enabled: false
                                                                }
                                                            });
                                                        }))
                                                        ))))//设置点击事件
        .seriesSet(@[
            AASeriesElement.new
                .colorByPointSet(@YES) // 每个点的颜色独立
                .dataSet(@[@7.0, @6.9, @9.5, @14.5, @18.2, @21.5, @25.2, @26.5, @23.3, @18.3, @13.9, @9.6]) // 数据数组
        ]);
}

如上配置 AAOptions, 得到的图表将只会在用户手指点击图表 point 的时候, 才会显示 tooltip.

[AAChartModel]

想要自定义 AAPointEvents 事件的代码起作用, 需要更新 AAChartKit 至最新内容.

原因参考:

• 希望能够在支持自定义 AAPointEvent 的 click 事件的同时, 也支持默认的点击事件回调 #1567

[AAChartModel]

PS:

• 如何更新 AAChartKit 至最新内容? #1337