Question

当数据变大时，我的Bar amchart变焦速度非常慢，即2975点。虽然渲染很好但是在使用拖动图标放大/缩小时它是滞后的。代码如下：

for(var i=0; i<title.length; i++) {
  var graphElem = {
             "title":title[i],
             "valueField":valueFields[i],
             "valueAxis":"v1",
              "type": "column",
              "fillAlphas": 0.8,
               "lineAlpha": 0.2
                 };
  graph.push(graphElem);
}


var chart = AmCharts.makeChart(graphType, {

  "type": "serial",
  "theme": "light",
  "pathToImages": "/grm/images/",
    "legend": {
        "equalWidths": false,
        "position": "bottom",
        "spacing": 3,
        "markerSize":8,
    },
  "dataProvider": dataProvider,
  "valueAxes": [ {
      "id":"v1",
        "axisThickness": 1,
        "gridAlpha": 0,
        "axisAlpha": 1,
        "position": "left",
        "integersOnly" : true
  } ],
  "columnSpacing" : 0,
  "graphs": graph,
   "chartScrollbar": {
       "dragIconHeight" : 25,
        "dragIconWidth" : 25
        },
  "chartCursor": {
    "cursorAlpha": 0,
    "cursorPosition": "mouse",
  "categoryBalloonDateFormat": "MMM DD, YYYY JJ:NN"
  },
  "categoryField": "linkTimestamp",
  "categoryAxis": {
    "parseDates": true,
  "axisColor": "#000000",
  "minPeriod": "mm"
  },
  "dataDateFormat": "YYYY-MM-DD HH:NN:SS"
} );

chart.addListener("dataUpdated", zoomChart);
zoomChart();
function zoomChart(){
    chart.zoomToIndexes(chart.dataProvider.length - 20, chart.dataProvider.length - 1);
}

如果我使用条形图（柱形图）以外的图形，放大/缩小速度很快但仅在"type": "column"的情况下滞后。请帮助我在哪里弄错了。感谢

Answer 1

尝试通过将updateOnReleaseOnly设置为true，仅允许在缩放后重新渲染。

Answer 2

尝试删除动画，它对我有用。

条形图缓慢放大/缩小 - AmCharts

2 个答案: