<sc:chart> - a YUI chart wrapper

YuiChart provides the page author with a convenient way of putting a chart on his web page. The currently support styles are line, bar, pie, and column.

Due to an apparent Firefox 2 bug, any pages using this control must be sent to the client as "text/html":

<f:view contentType="text/html">

<sc:chart id="lineChart" type="line" value="#{testBean.chartData}" seriesDef="[{ displayName: 'Rent', yField: 'rent' },{ displayName: 'Utilities', yField: 'utilities' }]" verticalAxis="currencyAxis" verticalField="rent" categoryField="month" dataField="rent" horizontalField="month"/>

<sc:chart id="barChart" type="bar" value="#{testBean.chartData}" seriesDef="[{ displayName: 'Rent', xField: 'rent' },{ displayName: 'Utilities', xField: 'utilities' }]" horizontalAxis="currencyAxis" verticalField="month"/>

<sc:chart id="pieChart" type="pie" value="#{testBean.chartData}" seriesDef="[{ displayName: 'Rent', yField: 'rent' },{ displayName: 'Utilities', yField: 'utilities' }]" horizontalField="month" verticalField="rent" categoryField="month" dataField="rent"/>

<sc:chart id="collumnChart" type="column" value="#{testBean.chartData}" seriesDef="[{ displayName: 'Rent', yField: 'rent' },{ displayName: 'Utilities', yField: 'utilities' }]" horizontalField="month" verticalField="rent" categoryField="month" dataField="rent"/>