Chart Y Axis is not vertical

Post Reply
Netinium
Posts: 8
Joined: 06 Jul 2017, 16:09

06 Dec 2017, 17:24

I use the default skinZoom style:

Code: Select all

        function skinZoom() {
            this.cfg.shadow = false;
            this.cfg.title = '';
            this.cfg.seriesColors = ['#00acac', '#2f8ee5'];
            this.cfg.grid = {
                background: '#ffffff',
                borderColor: '#ffffff',
                gridLineColor: '#F5F5F5',
                shadow: false
            };
            this.cfg.axesDefaults = {
                rendererOptions: {
                    textColor: '#666F77'
                }
            };
            this.cfg.seriesDefaults = {
                shadow: false,
                lineWidth: 1,
                markerOptions: {
                    shadow: false,
                    size: 7,
                    style: 'circle'
                }
            }
        }
When I remove the part:

Code: Select all

            this.cfg.axesDefaults = {
                rendererOptions: {
                    textColor: '#666F77'
                }
            };
The Y-axis is rendered vertical but the X-axis is no longer rendered correctly.
I would like to have the text vertical and use axesDefaults to set the textColor at the same time, how can I do this?

If this is not possible and the Y axis labels are always vertical. How can I change the padding for the Y axis labels to be a fixed size. I want to show three charts below each other, and have the same alignment.

Post Reply
  • Information
  • Who is online

    Users browsing this forum: No registered users and 2 guests