我正在使用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网站上的示例没有这种行为。
感谢任何帮助。
答案 0 :(得分:1)
在您的情况下,普通链接点击行为有效。浏览器尝试查找href,只需将#添加到URL并上升。尝试添加此项以防止默认。 .on('click', function() { event.preventDefault(); });