Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/82.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 混合应用程序中的工具提示图表_Javascript_Jquery_Html_Css_Highcharts - Fatal编程技术网

Javascript 混合应用程序中的工具提示图表

Javascript 混合应用程序中的工具提示图表,javascript,jquery,html,css,highcharts,Javascript,Jquery,Html,Css,Highcharts,我已经创建了混合应用程序,默认设置是在图表中悬停时显示的工具提示。。但是,移动设备中没有悬停。如何在混合应用程序图表中显示工具提示 $(function () { $('#container').highcharts({ chart: { type: 'column' }, title: { text: 'Stacked column chart' }, xA

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

$(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]}]
    });
});
$(函数(){
$(“#容器”)。高图({
图表:{
类型:“列”
},
标题:{
文本:“堆叠柱形图”
},
xAxis:{
类别:[‘苹果’、‘橘子’、‘梨’、‘葡萄’、‘香蕉’]
},
亚克斯:{
分:0,,
标题:{
正文:“水果总消费量”
}
},
工具提示:{
pointFormat:“{series.name}:{point.y}({point.percentage:.0f}%)
”, 分享:真的 }, 打印选项:{ 专栏:{ 堆叠:“百分比”, 数据标签:{ 格式:“{point.percentage:.2f}%”, 启用:对, 颜色:(Highcharts.theme&&Highcharts.theme.dataLabelsColor)| |“白色”, 风格:{ textShadow:'0 0 3px黑色' } } } }, 系列:[{“名称”:“Noc Siklus 5”,“数据”:[0]},{“名称”:“Noc Siklus 4”,“数据”:[4503]},{“名称”:“Noc Siklus 3”,“数据”:[44114]},{“名称”:“Noc Siklus 2”,“数据”:[208034]},{“名称”:“Noc Siklus 1”,“数据”:[483951]}] }); });
我已经为这个问题创建了

我希望工具提示通过触摸功能显示所有数据,可以吗


非常感谢

无法显示工具提示,因为堆栈不是全部选中的,就像悬停方法一样,但是如果堆栈是全部选中的,则可以显示工具提示

我刚刚在下面添加了此代码:

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

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

对我来说,它工作得很好-点击工具栏查看工具提示。任何特定的浏览器/OS?OS Android 4.4.2,有时我们必须触摸两次才能显示工具提示,我创建了堆栈栏,很难将工具提示从一个栏显示到另一个栏,您可以在上面的演示中重现这个问题吗?我使用的是4.3,所以可能有问题?问题只发生在设备中,当我们运行混合应用程序时。我无法在浏览器中重现该问题可能您正在使用与Highcharts冲突的库?喜欢