從angularjs-chartjs中隱藏x軸

Question

我正在使用angularjs-chartjs來顯示圖表。如何隱藏在x軸上，而無需實際設置的標籤：「」，「」，「」]

我只想隱藏起來，因爲我將需要使用他們我toolTipTemplate內

vm.att = { 
      labels: avgLabels, 
      datasets: [ 
       { 
        label: "Average Response Time", 
        fillColor: Colors.byName('warning'), 
        strokeColor: Colors.byName('warning'), 
        highlightFill: Colors.byName('warning'), 
        highlightStroke: Colors.byName('warning'), 
        data: avgTest 
       }, 
      ] 
     }; 

     vm.barOptions = { 

      scaleLabel: "<%=value%>" + ' ' + 'ms', 
      scaleBeginAtZero: true, 
      scaleShowGridLines: false, 
      scaleGridLineColor: 'rgba(0,0,0,.05)', 
      scaleGridLineWidth: 1, 
      barShowStroke: true, 
      barStrokeWidth: 2, 
      barValueSpacing: 2, 
      barDatasetSpacing: 1, 
      tooltipTemplate: function (valueObj) { 
       return $filter('date')(valueObj.label, 'shortDate') 
      } 
     }; 

我的圖表目前看起來是這樣的：

Chart

Answer 1

從文檔：

new Chart(ctx, { 
type: 'line', 
data: data, 
options: { 
    scales: { 
     xAxes: [{ 
      display: false 
     }] 
    } 
} 
});