グラフにスクロールバーを追加する方法

Question

こんにちは私はパブリックデータを使用してサンプルチャートを作成しましたが、チャートに表示するデータが多くなっているので、スクロールバーをx軸に沿って追加しようとしています。すべてのデータがきれいに表示されます。しかし、スクロールバーをx軸に追加するのは難しいので、スクロールバーをチャートに追加する方法はわかります。私は見るためにplnkrを付けました。 me.Thankにあなたを助けてください:)

コントローラー：

var myApp = angular.module('app',["chart.js"]); 
myApp.controller("chartController",function($scope,$http){ 
$scope.totalDocks = []; 
$scope.availDocks =[]; 
$http.get("http://citibikenyc.com/stations/json") 
.then(function(item){ 
    var dataFetched = item; 
    console.log(dataFetched.data.stationBeanList[0]); 
     for(var i=0; i < 100 ; i++){    
        $scope.totalDocks.push(dataFetched.data.stationBeanList[i].totalDocks); 
      $scope.availDocks.push(dataFetched.data.stationBeanList[i].availableDocks); 
     } 
}) 
}) 

Plunker File

Answer 1

angular.chartは、それ自体で反応するので、手動でスクロールバーを追加する必要はありません、代わりにINORDERチャートを作成しますあなたはx軸に沿ってダニをスキップすることができます。

代わりにあなたがポイントをスキップすることができ、

$scope.options = { 
    scales: { 
     xAxes: [{ 
     ticks: { 
      autoSkipPadding: 100 
     } 
     }] 
    }, 
    responsive: true, 
    maintainAspectRatio: true 

    }; 

DEMO