Chart Component Enhancements

PrimeFaces 3.4 development begins with major enhancements to chart components, it cost us a weekend but well worth it! We’ve started with client-server side api refactoring followed by addition of the new features on top of jqplot as core charting has become so much easier to maintain now. Here are the highlights;

  • Major internal code refactor (Backward compatible)
  • Animated Charts (Demo)
  • Export as an Image (Demo)
  • Zooming (Demo)
  • New options to MeterGauge
  • More control over datatips
  • DateTime support for Category Axis
  • Extender

DateTime support for category axis is a special one because it is the first example of a community funded feature request. PrimeFaces users funded the development collaboratively and we delivered.

jqplot has tons of attributes which we cannot provide support, PrimeFaces charts hides the complexity by rendering the plot with your data using most common required attributes. Still using new extender feature you can configure the chart the way you want before it is rendered on client side. Extender is simply a javascript function that is called before the plot is drawn so that you can override PrimeFaces provided attributes and add more to support any jqplot configuration option.

We hope that you’ll enjoy these new enhancements on charts! Next stop on 3.4 is first-class portlet support, stay tuned!

7 thoughts on “Chart Component Enhancements

  1. Thanks a lot for this great features…This were really important from charting point of view . Most important feature being the zoom .

    Just a small doubt : Will it support the Zooming based on date as jqplot does ?

    PF is getting better day by day :)

  2. Awesome is the only word I can think off and Is this component compatible with prime mobile too??

  3. Excellent work, kudos! An example of Extender customization on showcase-labs would be a great idea as well :-) Cheers!

    • Want to support Vladimir, we really need some examples how to use that Extender.

  4. I’m very interested in currents enhancements on chart. Great !!

    One more enhancement that I wish to be implemnted would be the ability to replot axis when a serie is shown/hidden in the legend, in order to re-adjust axis max with remaining curves

    JqPlot exemple is here by unchecking “Non food” series:

    the associated code seem to be this option in legend part: rendererOptions : seriesToggleReplot: {resetAxes: true}

    Would be great for me to have this option in primefaces !
    Is it the right place to submit this request ? (posted here too