angular - PrimeNg 条形图如何隐藏条形标签？

Question

我要求不显示条形标签并将条形挤压在一起，它们之间可能有 3 个像素？

我尝试过仅使用空白标签，但没有成功。

Answer 1

据我了解，您想隐藏 xAixs 和 yAxis 的标签，并且还想更改条线的宽度。要执行所有这些操作，请使用以下代码:

<p-chart type="bar" [data]="data" [options]="options"></p-chart>

在组件中初始化图表选项:

    this.option1= {
       title: {
            display: true,
            text: '% Utilization',
            position: 'left'
          },
      scales: {
          yAxes: [{
                        display: true,
                        scaleLabel: {
                            show: true,
                            labelString: 'Value'
            },
            ticks: {
              beginAtZero:true,
              max: 100,
              min: 0,
            }
                    }],
          xAxes: [{
            categoryPercentage:1,
            barPercentage:1,
            ticks: {
                display:false,
                beginAtZero:0
            }
        }]
      }
  }

要更改条形宽度，请使用 barThickness:4 并隐藏标签，请使用 ticks 属性。 更多详情查看Chartjs Documentation