Charts AMSCHART滚动条在移动设备上不工作

Charts AMSCHART滚动条在移动设备上不工作,charts,amcharts,Charts,Amcharts,我有一个在移动设备上运行并使用amChart的web应用程序。图表本身工作正常,但图表滚动条对触摸事件没有反应。两个滑块都无法移动,因此无法放大图表 这是我的代码: var chartData = this._getData(); var chart = new AmCharts.AmSerialChart(); chart.categoryField = "date"; chart.dataPro

我有一个在移动设备上运行并使用amChart的web应用程序。图表本身工作正常,但图表滚动条对触摸事件没有反应。两个滑块都无法移动,因此无法放大图表

这是我的代码:

            var chartData = this._getData();

            var chart = new AmCharts.AmSerialChart();
            chart.categoryField = "date";
            chart.dataProvider = chartData;
            chart.dataDateFormat = "YYYY-MM-DD";
            chart.pathToImages = qx.util.ResourceManager.getInstance().toUri("resource/app/external libraries/");
            chart.valueAxes.title = "Nm³";
            chart.addTitle("Configured Chart 1",14,"#000000",false);

            var graphLine = new AmCharts.AmGraph();
            graphLine.valueField = "value";
            graphLine.type = "line";
            graphLine.title = "Ausstoß Biogas";
            graphLine.bullet = "round";
            graphLine.bulletBorderAlpha =  1;
            graphLine.bulletColor =  "#FFFFFF";
            graphLine.bulletSize = 5;
            graphLine.hideBulletsCount = 50;
            graphLine.lineThickness = 2;
            graphLine.useLineColorForBulletBorder = true;

            chart.addGraph(graphLine);

            var categoryAxis = new AmCharts.CategoryAxis();
            categoryAxis.parseDates = true;
            categoryAxis.dashLength = 1;
            categoryAxis.minorGridEnabled = true;

            var valueAxis = new AmCharts.ValueAxis();
            valueAxis.title ="Nm³";
            chart.addValueAxis(valueAxis);

            var chartScrollbar = new AmCharts.ChartScrollbar();
            chartScrollbar.autoGridCount = true;
            chartScrollbar.graph = graphLine;
            chartScrollbar.scrollbarHeight = 40;
            chart.chartScrollbar = chartScrollbar;

            var legend = new AmCharts.AmLegend();
            legend.useGraphSettings = true;
            legend.align = "center";
            chart.addLegend(legend);

            chart.categoryAxis = categoryAxis;

            chart.zoomToIndexes(chart.dataProvider.length - 40, chart.dataProvider.length - 1);

            this.addListenerOnce("appear", function() {
                chart.write(this.getChildControl("comp").getContentElement().getDomElement());
                this.addListener("resize", function(){
                    chart.invalidateSize()
                });
            }, this);

有办法解决这个问题吗?或者在移动设备上使用amChart缩放功能有不同的方法吗?

我终于解决了这个问题。我为ZoomToIndex函数添加了一个侦听器:

chart.addListener("rendered", zoomChart);

function zoomChart() {
chart.zoomToIndexes(chartData.length - 40, chartData.length - 1);
}

现在图表已经预缩放到某些索引,我可以拖动幻灯片了,不知道为什么。它有点慢,但可以工作。

使用chart.taptoactive=false属性使chart在移动设备上正常工作。

是否使用最新版本?尝试设置chart.panEventsEnabled=true;是的,我刚升级到最新版本,但行为还是一样:在手机上,我不能拖动滑块。我还设置chart.panEventsEnabled=true;但是它没有效果…你能在amcharts.com的主页上拖动股票图表的滚动条吗?我试着在Nexus 7平板电脑上拖动绘制趋势线股票图表的滑块,但滚动条似乎对点击或拖动事件没有反应。此外,我尝试了基于数据的图表,该图表与我在应用程序中使用的基本相同,但结果相同…我用6种不同的触摸设备测试了这些样本,结果都很好。。。