Prime Community Forum

Posted: **15 Feb 2018, 21:19**

chart theme does not work.

Posted: **16 Feb 2018, 08:12**

Hi;
Did you mean this?
https://www.primefaces.org/avalon/charts.xhtml

Regards

Posted: **16 Feb 2018, 12:42**

yes, this layout is not applying to my charts, it has the default theme of primefaces.

Posted: **20 Feb 2018, 07:50**

Hi,
Can you please send me your codes?

Regards

Posted: **20 Feb 2018, 07:58**

You need to add chart's scripts to your page. Please see JS functions in charts.xhtml.
Exp;
ChartDemoView.java

Code: Select all

lineModel1.setExtender("skinChart");

charts.xhtml

Code: Select all

function skinChart() {
    this.cfg.shadow = false;
    this.cfg.title = '';
    this.cfg.seriesColors = ['#337ab7', '#2ea59f', '#2d34a4', '#2ea563'];
    this.cfg.grid = {
        background: '#ffffff',
        borderColor: '#ffffff',
        gridLineColor: '#F5F5F5',
        shadow: false
    };
    this.cfg.axesDefaults = {
        borderWidth: 0.1,
        borderColor: 'F5F5F5',
        rendererOptions: {
            textColor: '#292B2C'
        }
    };
    this.cfg.seriesDefaults = {
        shadow: false,
        lineWidth: 1,
        markerOptions: {
            shadow: false,
            size: 7,
            style: 'circle'
        }
    }
}

Posted: **22 Feb 2018, 16:00**

Good morning, I made the change more comes very different I will have to leave the standard.
before

after

thank you

Posted: **07 Mar 2018, 08:21**

Thanks for the screenshot. You can change the chart color by yourself using the above JS codes. Also, please examine http://www.jqplot.com/docs/files/option ... l-txt.html

Prime Community Forum

Chart theme avalon

Chart theme avalon

Re: Chart theme avalon

Re: Chart theme avalon

Re: Chart theme avalon

Re: Chart theme avalon

Re: Chart theme avalon

Re: Chart theme avalon