将 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;

}