Interacting with charts via AJAX

The chart component offers AJAX behavior events to interact with the chart by item selection.

How to do it…

A basic definition for a chart with <p:ajax> bundled inside is given here:

<p:chart type="bar" id="withAjax" model="#{chartBean.barModel}"
  style="height:250px">
  <p:ajax event="itemSelect" listener="#{chartBean.itemSelect}"
    update="growl" />
</p:chart>

The itemSelect method retrieves an instance of org.primefaces.event.ItemSelectEvent, which enables us to access the item index and series index of the selected chart item. The usage of the itemSelect method is given here:

public void itemSelect(ItemSelectEvent event) {
  MessageUtil.addInfoMessageWithoutKey("Item selected",
    "Item Index:" + event.getItemIndex() + 
    ", Series Index: " + event.getSeriesIndex());
}

PrimeFaces Cookbook Showcase application

This recipe is...