PrimeFaces pie chart width always 100%

Question

PrimeFaces pie chart width always 100%. The style is ignored.

<p:pieChart model="#{bean.pieModel}"
            style="width:200px;height:200px" >

Version 11.0.0

Answer 1

I think chart.js is to blame here. The style is rendered by the component, but it seems that chart.js changes it. You might want to wrap it in a container and and set with and height to the container. So:

<div style="width:200px;height:200px">
  <p:pieChart model="#{bean.pieModel}"/>
</div>