2017-02-21 8 views
1

データが大きい場合、私のバー・アンチャートのズームは非常に遅く、つまり2975ポイントです。レンダリングは問題ありませんが、ドラッグアイコンを使用してズームイン/アウトしている間は遅れています。コードは以下の通りである:私はバー(カラム)チャート以外のグラフを使用する場合、中/ズームアウト高速であるが、それは"type": "column"の場合にだけ遅れている棒グラフ低速ズームイン/アウト - AmCharts

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); 
} 

。私が間違っているところで助けてください。ありがとう

+0

私の場合、スクロール(ズーム)するとデータが**極端に**遅くなります*データが少なくなります – vsync

答えて

1

updateOnReleaseOnlytrueに設定して、ズーム後に再レンダリングを行うようにしてください。

+0

申し訳ありませんが、私もすでにこれを試していました。しかし、それは私に役立ちません。ズームのためにスクロールバーをドラッグしても、ドラッグアイコンは即座には動きません。応答時間は3〜4秒です。すべてのレンズアイコンを表示すると同じことが起こります。返信ありがとう – user2269170

+0

.itが今働いています。私は 'updateOnReleaseOnly'に対して' true'を設定するのを忘れていました。唯一の問題は、ショーのレンズのアイコンです。データのレンダリングには4〜5秒かかります。とにかくおかげありがとう。 – user2269170

+0

@Darlessionグラフをスクロールするときに 'updateOnReleaseOnly = true'を設定すると、スクロールバーは自動的に成長します。[** fiddle **](http://jsfiddle.net/abdulwahabplus/6eqe272y/11/) –