Modena CHART SKIN

[david.chacon]

How to skin my chart with modena layout as dashboard in http://www.primefaces.org/modena/

Section "Your Cellular Data Usage Statistics"

Please help me

[mert.sincan]

Please try with;

XHTML

Code: Select all

<p:chart type="line" model="#{bean.lineModel1}" style="height:350px;" responsive="true"/>

Bean.java

Code: Select all

 private void createLineModels() {
        lineModel1 = initLinearModel();
        lineModel1.setTitle("Linear Chart");
        lineModel1.setLegendPosition("e");
        lineModel1.setExtender("skinChart"); // JS function
        lineModel1.setAnimate(true);
        Axis yAxis = lineModel1.getAxis(AxisType.Y);
        yAxis.setMin(0);
        yAxis.setMax(10);
}

JS

Code: Select all

function skinChart() {
    this.cfg.shadow = false;
    this.cfg.title = '';
    this.cfg.seriesColors = ['#8E24AA', '#C6FF00'];
    this.cfg.grid = {
        background: '#ffffff',
        borderColor: '#ffffff',
        gridLineColor: '#F5F5F5',
        shadow: false,
    };
    this.cfg.axesDefaults = {
        rendererOptions: {
            textColor: '#546E7A'
        }
    };
    this.cfg.seriesDefaults = {
        shadow: false,
        markerOptions: {
            shadow: false
        }
    }
}

[david.chacon]

Yes this work for me thks

[mert.sincan]

Glad to hear, thanks