javascript - 混合应用程序中的工具提示 Highcharts

Question

我已经创建了混合应用程序，默认设置是当我们在图表中悬停时显示的工具提示。但是，在移动设备中没有悬停。如何在混合应用程序图表中显示工具提示？？

$(function () {

    $('#container').highcharts({
        chart: {
            type: 'column'
        },
        title: {
            text: 'Stacked column chart'
        },
        xAxis: {
            categories: ['Apples', 'Oranges', 'Pears', 'Grapes', 'Bananas']
        },
        yAxis: {
            min: 0,
            title: {
                text: 'Total fruit consumption'
            }
        },
        tooltip: {
            pointFormat: '<span style="color:{series.color}">{series.name}</span>: <b>{point.y}</b> ({point.percentage:.0f}%)<br/>',
            shared: true
        },
        plotOptions: {
            column: {
                stacking: 'percent',
                dataLabels: {

                        format : '{point.percentage:.2f}%',
                        enabled: true,
                        color: (Highcharts.theme && Highcharts.theme.dataLabelsColor) || 'white',
                        style: {
                            textShadow: '0 0 3px black'
                        }
                    }
            }
        },
        series: [{"name":"Noc Siklus 5","data":[0]},{"name":"Noc Siklus 4","data":[4503]},{"name":"Noc Siklus 3","data":[44114]},{"name":"Noc Siklus 2","data":[208034]},{"name":"Noc Siklus 1","data":[483951]}]
    });
});

我创建了 jsfiddle对于这个问题

我想通过触摸功能让工具提示显示所有数据，我可以这样做吗？

非常感谢

Answer 1

tooltip不能显示是因为stack没有全选，和hover方法一样，但是如果stack全选，tooltip可以显示。

我刚刚在下面添加了这段代码:

      series: {
                    events: {
                        mouseOver: function() {
                             this.series.setState('hover');

                        },
                        mouseOut: function(){
                             this.series.setState('');
                        }
                    }
            }