在 p-panel 内居中对齐 p-chart

Question

我正在尝试在 p-panel 中集中对齐 p-chart。但是我无法找出正确的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;
}