Customize primefaces chart

by

When you use extender you can change everything by js.

Here is an example

<p:lineChart ... extender="chartExtender"/>

And on js file or in the page under Tag:

function chartExtender() {        
 // this = chart widget instance        
 // this.cfg = options        
 this.cfg.grid = {             
        background: 'transparent',
         gridLineColor: '#303030',
         drawBorder: false,
    };
  }

This is just an example.. This will help you to do the rest.

For more recent PF versions, check What is the alternative for the chart extender attribute in PrimeFaces 5.2 and newer
Hope that helps 🙂

More Related Contents:

  1. How to use PrimeFaces p:fileUpload? Listener method is never invoked or UploadedFile is null / throws an error / not usable
  2. Real time updates from database using JSF/Java EE
  3. Unicode input retrieved via PrimeFaces input components become corrupted
  4. p:commandbutton action doesn’t work inside p:dialog
  5. Display database blob images in inside
  6. Execution order of events when pressing PrimeFaces p:commandButton
  7. Showing Hibernate/JPA results in JSF datatable causes: java.lang.NumberFormatException: For input string: “[propertyname]”
  8. @ViewScoped bean recreated on every postback request when using JSF 2.2
  9. Naming Container in JSF2/PrimeFaces [duplicate]
  10. PrimeFaces CSS skin not showing in login page, also JavaScript undefined errors
  11. Using a “Please select” f:selectItem with null/empty value inside a p:selectOneMenu
  12. h:messages does not display messages when p:commandButton is pressed
  13. How to write a custom converter for
  14. What is the function of @this exactly?
  15. p:dataExporter does not recognize p:cellEditor
  16. JSF + PrimeFaces: `update` attribute does not update component
  17. How to use EL in PrimeFaces oncomplete attribute which is updated during action method
  18. UISelectMany on a List causes java.lang.ClassCastException: java.lang.String cannot be cast to T
  19. p:commandButton vs. h:commandButton
  20. Reset input fields without executing validation
  21. p:selectOneMenu dropdown part scrolls and does not stay in position
  22. c:forEach inside primefaces(e.g. p:panelgrid) inside ui:repeat
  23. How to use java.time.ZonedDateTime / LocalDateTime in p:calendar
  24. Primefaces valueChangeListener or
  25. Store PDF for a limited time on app server and make it available for download
  26. What is the alternative for the chart extender attribute in PrimeFaces 5.2 and newer
  27. Remove all styling from Primefaces components?
  28. Populate p:selectOneMenu based on another p:selectOneMenu in each row of a p:dataTable
  29. Server side HTML sanitizer/cleanup for JSF
  30. JSF resource versioning

Leave a Comment