Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Move the Highstock navigator position

Tags:

highcharts

Is it possible to move the Highstock chart navigator from the bottom of the chart to the top?

like image 419
user2167860 Avatar asked Oct 25 '25 10:10

user2167860


2 Answers

Yes it is possible, please take look at example: http://jsfiddle.net/jBUGN/

 navigator: {
        top:40,

    },
like image 98
Sebastian Bochan Avatar answered Oct 27 '25 21:10

Sebastian Bochan


Upgraded answer from Sebastian: http://jsfiddle.net/Fusher/jBUGN/18/ Instead of setting top for xAxis and yAxis, set marginTop: value:

var chart = new Highcharts.StockChart({

    chart: {
        renderTo: 'container',
        marginTop: 140
    },

    navigator: {
        top:40,

    },
    rangeSelector: {
        selected: 1
    },

    series: [{
        name: 'USD to EUR',
        data: usdeur
    }]
});
like image 29
Paweł Fus Avatar answered Oct 27 '25 20:10

Paweł Fus



Donate For Us

If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!