0
我在使用highcharts库的仪表板上工作,但是当我点击图表时,屏幕向上移动。我使用它可以发现here示例代码:如何阻止屏幕向上移动?
$(function() {
$('#container').highcharts({
chart: {
plotBackgroundColor: null,
plotBorderWidth: null,
plotShadow: false
},
title: {
text: 'Browser market shares at a specific website, 2010'
},
tooltip: {
pointFormat: '{series.name}: <b>{point.percentage:.1f}%</b>'
},
plotOptions: {
pie: {
allowPointSelect: true,
cursor: 'pointer',
dataLabels: {
enabled: true,
color: '#000000',
connectorColor: '#000000',
format: '<b>{point.name}</b>: {point.percentage:.1f} %'
}
}
},
series: [{
type: 'pie',
name: 'Browser share',
data: [
['Firefox', 45.0],
['IE', 26.8],
{
name: 'Chrome',
y: 12.8,
sliced: true,
selected: true
},
['Safari', 8.5],
['Opera', 6.2],
['Others', 0.7]
]
}]
});
});
我实现了在某种或仪表板在那里我的工作可以在这里找到的代码:dashboard。
如果你去仪表板,向下滚动然后点击一个图表,你可以看到我的意思,屏幕出现,这是非常烦人的,特别是在移动设备上。奇怪的是,Highcharts网站上的例子并没有这种行为。
任何帮助表示赞赏。
在你的情况下,普通链接点击行为的作品。浏览器试图找到href,并在网址中添加#并上升。尝试添加此以防止默认。 '.on('click',function(){ event.preventDefault(); });' –
就是这样!我对我的div有了href,删除了它们,现在它可以正常工作。谢谢你的帮助!请将其添加为答案,以便我可以将其标记为已接受。 – Jef
完成。祝你有美好的一天! –