== <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":''' <textarea name="code" class="xml"><f:view contentType="text/html"></textarea> [[image: charts_line.png]] <textarea name="code" class="xml"><nowiki> <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"/> </nowiki></textarea> [[image: charts_bar.png]] <textarea name="code" class="xml"><nowiki> <sc:chart id="barChart" type="bar" value="#{testBean.chartData}" seriesDef="[{ displayName: 'Rent', xField: 'rent' },{ displayName: 'Utilities', xField: 'utilities' }]" horizontalAxis="currencyAxis" verticalField="month"/> </nowiki></textarea> [[image: charts_pie.png]] <textarea name="code" class="xml"><nowiki> <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"/> </nowiki></textarea> [[image: charts_column.png ]] <textarea name="code" class="xml"><nowiki> <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"/> </nowiki></textarea>