2016-10-26 15 views
0

私はangularjs-chartjsを使ってグラフを表示しています。どのように私は実際にラベルを設定せずに、x軸を非表示にすることができます:[「」、「」、「」]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

答えて

-1

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

私はHAV eはそれを試みましたが、angularjs chartjsディレクティブでは動作しません。https://gist.github.com/AndreasHeiberg/9837868 – user2894034

+0

Chart.defaults.bar.scales.xAxes.display = falseの行に沿って何かを試してみてください。 –

関連する問題