This page (revision-2) was last changed on 21-Mar-2015 16:26 by Dieter Käppel

This page was created on 21-Mar-2015 16:26 by Dieter Käppel

Only authorized users are allowed to rename pages.

Only authorized users are allowed to delete pages.

Page revision history

Version Date Modified Size Author Changes ... Change note
2 21-Mar-2015 16:26 1 KB Dieter Käppel to previous
1 21-Mar-2015 16:26 123 bytes Dieter Käppel to last

Page References

Incoming links Outgoing links

Version management

Difference between version and

At line 1 changed one line
[JSF Charts] ist ein Interface, mit dem Charts von [JFreeChart|http://www.jfree.org/jfreechart/] in JSF-Projekte eingebunden werden können.
[JSF Charts] ist ein Interface, mit dem Charts von JFreeCharts in JSF-Projekte eingebunden werden können.
At line 3 changed 55 lines
!!!Verwendung
[JSF Charts] sind in Maven Central verfügbar unter com.intersult:chart
!!!Beispiel
[{Image src='JSF Charts/charts.JPG'}]
!!!Einbinden
Das Einbinden erfolgt zunächst in der pom.xml:
{{{
<dependency>
<groupId>com.intersult</groupId>
<artifactId>chart</artifactId>
<version>1.1</version>
</dependency>
}}}
Sodann kann der Chart in den XHTML-Seiten verwendet werden:
{{{
<?xml version="1.0" encoding="UTF-8"?>
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
xmlns:f="http://java.sun.com/jsf/core"
xmlns:h="http://java.sun.com/jsf/html"
xmlns:c="http://java.sun.com/jsp/jstl/core"
xmlns:ui="http://java.sun.com/jsf/facelets"
xmlns:cc="http://intersult.com/taglib/chart"
>
[...]
<h:form id="form">
<cc:chart datasource="#{chartData.pieData}" type="pie"/>
<cc:chart datasource="#{chartData.xySeries}" type="xyarea"/>
<cc:chart datasource="#{chartData.lineData}" type="line" is3d="false"/>
<cc:chart datasource="#{chartData.timeSeries}" type="timeseries"/>
</h:form>
[...]
</ui:composition>
}}}
Die Daten sibd wie bei [JFreeChart|http://www.jfree.org/jfreechart/] beschrieben, also zum Beispiel:
{{{
@Component
public class ChartData {
private int a = 1;
public DefaultPieDataset getPieData() {
DefaultPieDataset dataset = new DefaultPieDataset();
dataset.setValue("A", ++a);
dataset.setValue("B", 50);
dataset.setValue("C", 30);
return dataset;
}
}
}}}
!!!Beispiele