Perforce JViews Charts Sample: Chart Components (JSF and JavaScript)

Description

This sample shows the available Perforce JViews Charts Faces components. These components include a chart view, a legend, an overview, a pan and a zoom interactor.

How to Use the Sample

Choose the data source displayed by the chart by using the 'Choose data source' combo box.
Choose the style sheet applied to the chart by using the 'Choose style sheet' combo box.
Choose the chart type by using the 'Choose chart type' combo box.
Configure image map by clicking the 'Generate Image Map' and the 'Show Image Map' toggle buttons.
Move the mouse onto the chart to see the tooltips activated by the image map.

Installing the Thin-Client Sample

The sample contains a WAR file (Web Archive) that allows you to easily install the sample on any server that supports the Servlet API 2.1 or later. For your convenience, the WAR will be copied to the Tomcat web server that is supplied with the Perforce JViews installation when you start the server using the supplied scripts. Tomcat is the official reference implementation of the Servlet and JSP specifications. If you are already using an up-to-date Web or application server, there is a good chance that it already has everything you need. The sample can also be deployed to WebSphere Application Server (WAS).

Running the Sample Using Tomcat

If you intend to use the Tomcat Web server provided with this installation, follow these instructions to start the server: Running the Server-Side Samples. The scripts to start the server can be found in the tools/tomcat-jsf directory.
Note: if you are running on Windows then you will find menu items in the Windows "start" menu to start and stop the Tomcat server.

Once the server is running, you can see the sample by opening the following page:

Perforce JViews Charts Sample: Chart Components (JSF and JavaScript)
http://localhost:8080/jsf-chart-set

Running the Sample Using WebSphere Application Server

In addition to the instructions provided for using Tomcat, the samples can be viewed on WebSphere Application Server. Follow the instructions: Running the Server-Side Samples and use the scripts to start the server and deploy the sample.

Once the server is running, you can see the sample by opening the following page: http://localhost:9443/jsf-chart-set
The WAS administrative console can be used to verify or modify server settings: http://localhost:9043/ibm/console/

Note: the WAS server can start on a range of port numbers, therefore the value is not guaranteed to remain the same. The scripts provided with the samples can be used to obtain the port numbers used by the Admin Console and by the deployed Web applications. To retrieve a list of all the WAS port numbers, run the command line instruction: ant -f build_was.xml ws.list.ports

Topics Covered

JavaServer Faces
Thin Client

Detailed Description

This sample shows how to write a JavaServer Faces page using JViews Charts Faces components. The chart component uses a servlet to generate images from a chart whose appearance is parameterized by tag attributes such as style sheets and data set. The chart type can also be configured to be either in Cartesian, radar or polar. The chart can also be configured client-side by using a set of JavaScript functions. These functions can change, among other things, the data source and the style sheets applied to the chart.