Skin BarChart problem using layout última

Forum rules
Please note that response time for technical support is within 3-5 business days.
Post Reply
yian.manjarres
Posts: 10
Joined: 21 Nov 2016, 04:32

05 Jun 2017, 07:33

When I use skinBar, the setting of this.cfg.axesDefaults property prevents horizontal tags from rotating to the -60 degrees I need. If I delete this section of code the rotation works but the appearance is not good.

this.cfg.axesDefaults = {
borderWidth: 0.1,
borderColor: 'bdbdbd',
rendererOptions: {
textColor: '#666F77'
}
};

mert.sincan
Posts: 5281
Joined: 29 Jun 2013, 12:38

05 Jun 2017, 11:29

Please use the following code instead of your above code;

Code: Select all

var tickOpt = this.cfg.axesDefaults.tickOptions,
tickRender = this.cfg.axesDefaults.tickRenderer;    
            
this.cfg.axesDefaults = {
   borderWidth: 0.1,
   borderColor: 'bdbdbd',
   rendererOptions: {
      textColor: '#666F77'
   },
   tickOptions: tickOpt,
   tickRenderer: tickRender
};

yian.manjarres
Posts: 10
Joined: 21 Nov 2016, 04:32

05 Jun 2017, 15:11

Thanks a lot for your help, one more thing, before the change you sent me, the size and type of the font that took the texts of the labels was different, but I do not know how to change the type, size and color of the font . How can I change them?

best regards,

Yian Manjarres

mert.sincan
Posts: 5281
Joined: 29 Jun 2013, 12:38

05 Jun 2017, 15:46

Please try;

Code: Select all

           var tickOpt = this.cfg.axesDefaults.tickOptions,
                tickRender = this.cfg.axesDefaults.tickRenderer;  

            tickOpt.fontStyle = 'normal';  // normal, italic, oblique [not implemented]
            tickOpt.fontVariant = 'normal';    // normal, small caps [not implemented]
            tickOpt.fontWeight = 'normal'; // normal, bold, bolder, lighter, 100 - 900
            tickOpt.fontSize = '10px'; 
            tickOpt.fontFamily = '"Trebuchet MS", Arial, Helvetica, sans-serif';
            tickOpt.enableFontSupport = true;
            
            this.cfg.axesDefaults = {
                borderWidth: 0.1,
                borderColor: 'bdbdbd',
                rendererOptions: {
                    textColor: '#666F77'
                },
                tickOptions: tickOpt,
                tickRenderer: tickRender
            };
Details; http://www.jqplot.com/docs/files/plugin ... elRenderer

yian.manjarres
Posts: 10
Joined: 21 Nov 2016, 04:32

05 Jun 2017, 21:25

Thanks my friend all ok.

Best regards!!

mert.sincan
Posts: 5281
Joined: 29 Jun 2013, 12:38

06 Jun 2017, 07:44

You're welcome!

Regards,

Post Reply

Return to “Ultima - PrimeFaces”

  • Information
  • Who is online

    Users browsing this forum: No registered users and 21 guests