2014-03-06 110 views
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网站上的例子并没有这种行为。

任何帮助表示赞赏。

+1

在你的情况下,普通链接点击行为的作品。浏览器试图找到href,并在网址中添加#并上升。尝试添加此以防止默认。 '.on('click',function(){ event.preventDefault(); });' –

+0

就是这样!我对我的div有了href,删除了它们,现在它可以正常工作。谢谢你的帮助!请将其添加为答案,以便我可以将其标记为已接受。 – Jef

+0

完成。祝你有美好的一天! –

回答

1

在你的情况下,普通链接点击行为的作品。浏览器试图找到href,并在网址中添加#并上升。尝试添加此以防止默认。 .on('click', function() { event.preventDefault(); });