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