Chromeでハイチャートのアニメーションがスムーズでない

Question

highchartsスプライン・チャートの問題があります。問題は、クロムブラウザアニメーションが滑らかではないことです。他のブラウザアニメーションはうまく機能します。 問題は、Chromeがグラフを処理していないことが何であるかということです。

$(function() { 
    history_points_graph = new Highcharts.Chart({ 
     chart: { 
      renderTo: 'container', 
      animation: true, 
      type: 'spline', 
      events: { 
       load: function(){ 
        //history_points_graph = this; 
        //applyFilterGraph_1(1,1); 
       } 
      } 
     }, 
     title: { 
      text: null 
     }, 

     xAxis: { 
      type: 'datetime', 
      tickPixelInterval: 150, 
      maxZoom: 20 * 1000 
     }, 
     yAxis: { 
      minPadding: 0.2, 
      maxPadding: 0.2 
     }, 
     legend: { 
       enabled: false 
     }, 
     plotOptions: { 
      area: { 
       marker: { 
        radius: 2 
       }, 
       lineWidth: 4, 
       states: { 
        hover: { 
         lineWidth: 3 
        } 
       } 
      } 
     }, 
     series: [{ 
      name: 'Random data', 
      dataGrouping:false, 
      enableMouseTracking:false, 
      animation:{ 
       duration:1000 
      }, 
      data: [[1096063200,524],[1285624800,429]] 
     }] 
    }); 


}); 

どうすれば解決できますか？

Answer 1

Chromeでの移行に関する問題がありました。単にグラフを読み込んだページにCSSコードを追加しました。

*{-webkit-transition: all 0ms ease !important; transition: all 0ms ease!important;}