如何阻止屏幕向上移动?

时间:2014-03-06 12:02:56

标签: javascript charts highcharts

我正在使用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网站上的示例没有这种行为。

感谢任何帮助。

1 个答案:

答案 0 :(得分:1)

在您的情况下,普通链接点击行为有效。浏览器尝试查找href,只需将#添加到URL并上升。尝试添加此项以防止默认。 .on('click', function() { event.preventDefault(); });