CODEWITHSUNDEEP
highchartslabel
Chanan Berler
Chanan Berler

Reputation: 595

Highcharts: remove 1 label from windrose chart

I have created a wind rose type chart using highcharts, and something like a label that needs to be removed

I tried using: { lables: { enabled: false } } and also tried using showFirstLabel and showLastLabel

But it didn't work for me :(

Here is how i created the wind rose chart:

wind_rose_chart = Highcharts.data({
    table: 'roulette_windrose',
    startRow: 1,
    endRow: 38,
    endColumn: 37,
    complete: function (options) {
        // Create the chart
        window.chart = new Highcharts.Chart(Highcharts.merge(options, {
            chart: {
                renderTo: 'windrose_container',
                polar: true,
                type: 'column',
                animation: false,
                backgroundColor: '#e4e6e1',
                plotBackgroundImage: "/images/gallery/windrose_roulette.png",
                height: 400,
                width: 350,

            },
            colors: ['#008403',
                     '#E30000','#000000','#E30000',
                     '#000000','#E30000','#000000',
                     '#E30000','#000000','#E30000',
                     '#000000','#000000','#E30000',
                     '#000000','#E30000','#000000',
                     '#E30000','#000000','#E30000',
                     '#E30000','#000000','#E30000',
                     '#000000','#E30000','#000000',
                     '#E30000','#000000','#E30000',
                     '#000000','#000000','#E30000',
                     '#000000','#E30000','#000000',
                     '#E30000','#000000','#E30000'],
            title: {
                text: 'Spots'
            },
            pane: {
                size: '70%'
            },

            legend: {
                enabled: false
            },

            xAxis: {
                labels: {
                    enabled: false
                },
                showFirstLabel: false,
                showLastLabel: false,
                tickmarkPlacement: 'on',
                lineWidth:0,
                gridLineWidth: 0
            },
            yAxis: {
                min: 0,
                gridLineWidth: 0,
                endOnTick: false,
                showLastLabel: false,
                showFirstLabel: false,
                labels: {
                    formatter: function () {
                        return this.value;
                    }
                }
            },

            tooltip: {
                formatter: function() {
                    return this.y;
                }
            },

            plotOptions: {
                series: {
                    stacking: 'normal',
                    shadow: false,
                    groupPadding: 0,
                    pointPlacement: 'on',
                }
            },
            navigation: {
                buttonOptions: {
                    enabled: true
                }
            },
            exporting: {
                enabled: true
            },
            credits: {
                enabled: false
            }
        }));

    }
});

Upvotes: 1

Views: 727

Answers (1)

AliRıza Adıyahşi
AliRıza Adıyahşi

Reputation: 15866

following code is working:

yAxis: {
    ...
    labels: {
        enabled: false
    }
}

DEMO

Upvotes: 3

Related Questions