javascriptchartshighchartslinechart

rangeSelector input and export button misalignment

I have highchart with rangeSelector. My problem is when I disable the rangeSelector label the rangeSelector input overlapping with export button.

Here is the Javascript code for it:

Highcharts.stockChart('container', {

    rangeSelector: {
        labelStyle: {
            display: 'none',
        },
    },

    series: [{
        data: usdeur
    }]
});

Here is the fiddle for the same

Can anyone please help me to solve this?

Solution

  • Try visibility: 'hidden' as

    labelStyle - CSS styles for the labels - the Zoom, From and To texts

    Fiddle

    OR Using lang options such as

    Fiddle