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() + ", ...

Get PrimeFaces Cookbook - Second Edition now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.

Start your free trial