Гистограмма 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, а чтобы скрыть метки, используйте галочкиимущество.Для более подробной информации проверьте Документация Chartjs