X方向上的HighCharts平移不起作用

Question

我正在使用highcharts作为我的图表。我想启用x方向的平移，但我发现即使启用了它也无法工作。请查找使用的代码片段

let options = HIOptions()
    
chart = HIChart()
chart.type = "column"
chart.panning = HIPanning()
chart.panning.enabled = true
chart.panning.type = "x"
chart.pinchType = "x"
chart.events = HIEvents()
chart.events.load = HIFunction(jsFunction: "function() { var proceed = this.pointer.pinch; this.pointer.pinch = function(e) { if (e.touches.length === 1 && e.type === 'touchmove') { this.chart.pan(e, this.chart.options.panning); } else { proceed.call(this, e); if (e.type === 'touchstart') { this.chart.mouseDownX = this.pinchDown[0].chartX; this.chart.mouseDownY = this.pinchDown[0].chartY; } } } }")
options.chart = chart
options.credits.enabled = false

感谢您在启用平移时提供的任何帮助。

Answer 1

让我们尝试使用以下配置：

let options = HIOptions()
        
let chart = HIChart()
chart.panning = HIPanning()
chart.panning.enabled = true
chart.panning.type = "x"
chart.pinchType = "x"
chart.events = HIEvents()
chart.events.load = HIFunction(jsFunction: "function() { this.pointer.pinchTranslateDirection = function(horiz, pinchDown, touches, transform, selectionMarker, clip, lastValidTouch, forcedScale) { return Highcharts.Pointer.prototype.pinchTranslateDirection.call(this.pointer, horiz, pinchDown, [touches[0]], transform, selectionMarker, clip, lastValidTouch, forcedScale) }; this.showResetZoom = function() {}; }")
options.chart = chart

接口参考：https://api.highcharts.com/ios/highcharts/Classes/HIPanning.html#//api/name/type

Answer 2

我可以在添加scrollableArea后滚动以下代码片段

let options = HIOptions()
    
chart = HIChart()
chart.type = "column"
chart.panning = HIPanning()
chart.panning.enabled = true
chart.panning.type = "x"
chart.pinchType = "x"
chart.events = HIEvents()
chart.events.load = HIFunction(jsFunction: "function() { var proceed = this.pointer.pinch; this.pointer.pinch = function(e) { if (e.touches.length === 1 && e.type === 'touchmove') { this.chart.pan(e, this.chart.options.panning); } else { proceed.call(this, e); if (e.type === 'touchstart') { this.chart.mouseDownX = this.pinchDown[0].chartX; this.chart.mouseDownY = this.pinchDown[0].chartY; } } } }")
options.chart = chart
options.credits.enabled = false

let chart = HIChart()
chart.scrollablePlotArea = HIScrollablePlotArea()
chart.scrollablePlotArea.minWidth = 700
chart.scrollablePlotArea.scrollPositionX = 0
options.chart = chart