Charts 在高位图表中平移(在移动设备中)
我正在使用highcharts绘制柱型图表。 x轴上的数据不是基于时间戳的数据。这只是正常类别。 就像下面提到的小提琴一样 JSFIDDLE: 我已经启用了平移,因此用户可以在整个图表中平移以查看完整的图表。 它在浏览器中工作得很好,就像在小提琴中一样。 但是,同样的方法对触摸设备不起作用,因为触摸设备需要一个缩放的图表来进行平移 我不想要任何缩放功能。 就像浏览器在设备平移中的行为一样 请分享实现相同功能的任何方法Charts 在高位图表中平移(在移动设备中),charts,highcharts,highstock,panning,Charts,Highcharts,Highstock,Panning,我正在使用highcharts绘制柱型图表。 x轴上的数据不是基于时间戳的数据。这只是正常类别。 就像下面提到的小提琴一样 JSFIDDLE: 我已经启用了平移,因此用户可以在整个图表中平移以查看完整的图表。 它在浏览器中工作得很好,就像在小提琴中一样。 但是,同样的方法对触摸设备不起作用,因为触摸设备需要一个缩放的图表来进行平移 我不想要任何缩放功能。 就像浏览器在设备平移中的行为一样 请分享实现相同功能的任何方法 $(function () { $('#container')
$(function () {
$('#container').highcharts({
chart: {
type: 'column',
backgroundColor: '#F0F0F0',
panning:true
},
title: {
text: null
},
xAxis: {
categories: ['PLAN_1','PLAN_2','PLAN_3','PLAN_4','PLAN_5','PLAN_6','PLAN_7','PLAN_8','PLAN_9','PLAN_10'],
min:0,
max: 3
},
legend: {
enabled: false
},
tooltip: {
formatter: function() {
return '<b>'+ this.x +'</b><br/>'+
this.series.name +': '+ this.y;
}
},
plotOptions: {
column: {
grouping: false,
pointWidth: 30
}
},
series: [{
name: 'Total',
data: [8, 10, 5, 9, 6, 8, 10, 5, 9, 6],
color: '#97BF0D'
}, {
name: 'Actionable',
data: [4, 5, 2, 4, 3, 4, 5, 2, 4, 3],
color: '#FFFFFF'
}]
});
});
问候,,
Balaji R我自己还没有实现它,可能有一种更干净的方法来实现,但这里有一个潜在的解决方案: 您的浏览器允许您平移,因为它是事件onDrag的默认操作;当用户单击并拖动屏幕时,会发生此事件。您的移动平台使用的是onZoom,因为它没有拖动功能 我要做的是手动将事件设置为平移,就像您希望它在onZoom事件上那样。如果您找到了onDrag的默认行为,您可以这样做
onZoom(e){// same behavior as onDrag};
所有这些都在事件键中定义。设置zoomType和平移将起作用。示例:在android/naxus4上测试。@SebastianBochan OP不需要缩放功能。当它在浏览器上工作时,有没有办法让它在没有缩放功能的移动设备上工作?