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冲突的库?喜欢