从angularjs-chartjs隐藏x轴

Hide x-Axis from angularjs-chartjs

本文关键字：隐藏 angularjs-chartjs      更新时间：2023-09-26

我使用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')
            }
        };

我的图表现在是这样的:

图表

From docs:

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