Page 1 of 1

Chart theme avalon

Posted: 15 Feb 2018, 21:19
by jimmycoti
chart theme does not work.

Re: Chart theme avalon

Posted: 16 Feb 2018, 08:12
by kubrasulukan
Hi;
Did you mean this?
https://www.primefaces.org/avalon/charts.xhtml

Regards

Re: Chart theme avalon

Posted: 16 Feb 2018, 12:42
by jimmycoti
yes, this layout is not applying to my charts, it has the default theme of primefaces.

Re: Chart theme avalon

Posted: 20 Feb 2018, 07:50
by kubrasulukan
Hi,
Can you please send me your codes?

Regards

Re: Chart theme avalon

Posted: 20 Feb 2018, 07:58
by aragorn
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'
        }
    }
}

Re: Chart theme avalon

Posted: 22 Feb 2018, 16:00
by jimmycoti
Good morning, I made the change more comes very different I will have to leave the standard.
beforeImage
afterImage

thank you

Re: Chart theme avalon

Posted: 07 Mar 2018, 08:21
by aragorn
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