Как добавить строку прокрутки в диаграмму

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 реагирует сам по себе, вы не должны добавить полосы прокрутки вручную, вместо Симметричного, чтобы сделать диаграмму для того, чтобы яростно выглядеть, вы можете сделать галочки вдоль оси x, чтобы пропустить.

Добавьте это в опции конфигурации,

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

    }; 

DEMO