chart

Post Reply
joao_arthur
Posts: 35
Joined: 09 Mar 2015, 15:40

07 Dec 2016, 13:31

I can not use the property "setShowPointLabels (true);" When I'm using skinChart JS in "setExtender ("skinChart");" I need to show the labels using skinChart JS but I can not, how should I do ?

User avatar
aragorn
Posts: 2643
Joined: 29 Jun 2013, 12:38

07 Dec 2016, 15:57

Please use;

Code: Select all

// in our skinChart() method

this.cfg.seriesDefaults.shadow: false;
this.cfg.seriesDefaults.markerOptions = {
     shadow: false
}

instead of

this.cfg.seriesDefaults = {
    shadow: false,
    markerOptions: {
          shadow: false
    }
}

joao_arthur
Posts: 35
Joined: 09 Mar 2015, 15:40

08 Dec 2016, 16:03

When I make the change, the chart does not render

Code: Select all

function skinChart() {
                this.cfg.shadow = false;                
                this.cfg.seriesColors = ['#FFA500','#27aae1','#33ccff','#9fadb5'];
                this.cfg.grid = {
                    background: '#f3f5f7',
                    borderColor: '#e5ebf0',
                    gridLineColor: '#e5ebf0',
                    shadow: false
                };
                this.cfg.axesDefaults = {
                    rendererOptions: {
                       textColor: '#9fadb5' 
                    }
                };
                                
                this.cfg.seriesDefaults.shadow: false;
                this.cfg.seriesDefaults.markerOptions = {
                     shadow: false
                }
            }
            
            function skinPie() {
                this.cfg.seriesColors = ['#dae8ef','#27aae1','#33ccff','#9fadb5'];
                this.cfg.grid = {
                    background: '#ffffff',
                    borderColor: '#eaeaea',
                    gridLineColor: '#e5ebf0',
                    shadow: false,
                    borderWidth: 0
                };
                this.cfg.seriesDefaults.shadow = false;
            }

User avatar
aragorn
Posts: 2643
Joined: 29 Jun 2013, 12:38

08 Dec 2016, 16:55

Sorry for my mistake. Please try;

Code: Select all

this.cfg.seriesDefaults.shadow = false;
this.cfg.seriesDefaults.markerOptions = {
   shadow: false
};
I changed 'this.cfg.seriesDefaults.shadow: false;' with 'this.cfg.seriesDefaults.shadow = false;'. ( '=' instead of ':' )

joao_arthur
Posts: 35
Joined: 09 Mar 2015, 15:40

08 Dec 2016, 16:57

thanks, I was able to solve, but now I have another problem with the angle, it does not obey the property "yAxisL.setTickAngle (-70);" can you help me?

User avatar
aragorn
Posts: 2643
Joined: 29 Jun 2013, 12:38

09 Dec 2016, 09:09

Please try;

Code: Select all

this.cfg.axes.xaxis.tickOptions.textColor = '#9fadb5';
this.cfg.axes.yaxis.tickOptions.textColor = '#9fadb5';

instead of

this.cfg.axesDefaults = {
   rendererOptions: {
         textColor: '#9fadb5' 
   }
};

Post Reply
  • Information
  • Who is online

    Users browsing this forum: No registered users and 1 guest