Charts 在高位图表中平移(在移动设备中)

Charts 在高位图表中平移(在移动设备中),charts,highcharts,highstock,panning,Charts,Highcharts,Highstock,Panning,我正在使用highcharts绘制柱型图表。 x轴上的数据不是基于时间戳的数据。这只是正常类别。 就像下面提到的小提琴一样 JSFIDDLE: 我已经启用了平移,因此用户可以在整个图表中平移以查看完整的图表。 它在浏览器中工作得很好,就像在小提琴中一样。 但是,同样的方法对触摸设备不起作用,因为触摸设备需要一个缩放的图表来进行平移 我不想要任何缩放功能。 就像浏览器在设备平移中的行为一样 请分享实现相同功能的任何方法 $(function () { $('#container')

我正在使用highcharts绘制柱型图表。 x轴上的数据不是基于时间戳的数据。这只是正常类别。 就像下面提到的小提琴一样

JSFIDDLE:

我已经启用了平移,因此用户可以在整个图表中平移以查看完整的图表。 它在浏览器中工作得很好,就像在小提琴中一样。 但是,同样的方法对触摸设备不起作用,因为触摸设备需要一个缩放的图表来进行平移

我不想要任何缩放功能。 就像浏览器在设备平移中的行为一样

请分享实现相同功能的任何方法

$(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不需要缩放功能。当它在浏览器上工作时,有没有办法让它在没有缩放功能的移动设备上工作?