Question

I have highchart like this.
How can I move the legends (Firefox,IE,chrome…) to the right of the chart?

P.S. I am not familiar with jQuery.

Answer 1

You need to set the legend.align option to 'right'

  legend: {
            layout: 'vertical',
            align: 'right',
            verticalAlign: 'bottom',
            x: 0,
            y: -10
          },  

Here is the demo. I just tweaked it with the above mentioned code.

I Hope Highcharts API would be of great help to you, to explore the options available to personalize your charts.