Board index Premium Layouts and Themes Sentinel chart

chart


Post 07 Dec 2016, 13:31

Posts: 23
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 ?

Post 07 Dec 2016, 15:57

Posts: 1929
Please use;
// 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
    }
}

Post 08 Dec 2016, 16:03

Posts: 23
When I make the change, the chart does not render

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;
            }

Post 08 Dec 2016, 16:55

Posts: 1929
Sorry for my mistake. Please try;
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 ':' )

Post 08 Dec 2016, 16:57

Posts: 23
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?

Post 09 Dec 2016, 09:09

Posts: 1929
Please try;
this.cfg.axes.xaxis.tickOptions.textColor = '#9fadb5';
this.cfg.axes.yaxis.tickOptions.textColor = '#9fadb5';

instead of

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


Return to Sentinel