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

Question

当数据很大(即 2975 点)时，缩放 Bar amchart 时渲染速度非常慢。虽然渲染效果很好，但使用拖动图标放大/缩小时会出现滞后。代码如下:

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。