Выровняйте p-диаграмму по центру внутри p-панели

Question

Я пытаюсь централизовать выравнивание p-диаграммы внутри p-панели. Однако я не могу понять, как правильно css сделать это. Пожалуйста, помогите.

Это мой шаблон кода:

   <p-panel header="Charts">
       <p-chart type="bar" height="150px" width="50vw" [data]="barChartData" style="display:block;margin-right:auto;margin-left:auto;">
      </p-chart>
   </p-panel>

Answer 1

Я нашел решение. Разместив ответ. Добавив ниже css, выровняйте график по центру -

.center {
    margin: auto;
    width: 60%;
    padding: 10px;
}