JSF composite component to render the data (and some options) for a Highchart chart.

ColumnSeries.xhtml

    <cc:interface>
        <cc:attribute name="name" default=""/>
        <cc:attribute name="series" type="nz.co.tradeintel.highcharts.ColumnChartSeries"/>
    </cc:interface>                       

    <cc:implementation>
       if(typeof options.xAxis.categories === "undefined") {
            options.xAxis.categories = 
            [<ui:repeat value="#{cc.attrs.series.columns}" var="column">
                 '#{column.name}',
             </ui:repeat>];
        }
        var data = [<ui:repeat value="#{cc.attrs.series.columns}" var="column">
                    #{column.value},
                    </ui:repeat>];
        
        var series = {
            type: 'column',
            name: '#{cc.attrs.name}',
            data: data
        };
        if(typeof options.series === "undefined") {
            options.series = [];
        }
        options.series.push(series);
    </cc:implementation>