score:14
Accepted answer
In addition to specifying the alignment of the legend, you can also offset it using x and y offsets. For instance, in your case you could move it down a bit like this:
legend: {
enabled: true,
floating: true,
verticalAlign: 'bottom',
align:'right',
y:40
},
The other legend options are specified here: http://api.highcharts.com/highcharts#legend.y
Source: stackoverflow.com
Related Query
- How to align highcharts legend to bottom right?
- How to align bottom of legend to the X axis line?
- HighCharts - how to align (justify) xAxis labels left and right
- How can i align the highchart legend pagination to right or left side of the legends?
- How can you align the left and right Y-axes of vertically stacked HighCharts charts?
- How to add right side legend to US highcharts map that shows eastern states names?
- How to modify highcharts legend item click event?
- Highcharts - How to programmatically toggle legend items and determine which items are selected
- Highcharts - How to display legend symbol inside the tooltip
- How to align centre a custom label in highcharts
- How do you add text to the bottom center of legend and bottom center of chart under legend?
- Highcharts Legend Title Horizontal Align
- How to Check and Uncheck all the Legend elements in HighCharts Linechart?
- How get data name in Highcharts pie chart legend instead of "Slice" using array of values?
- How do I remove the color swatch from my HighCharts legend without affecting the column?
- How to properly align Font Awesome symbols on Highcharts scatter plots?
- How can i force Highcharts to use same symbols in Legend and Series?
- Highcharts - How do I get dashed lines in legend
- highcharts legend items align to the left when width is set
- Legend on bottom with highcharts
- How to center highcharts pie chart and legend on a page?
- How to trigger a legend click in HighCharts with jQuery?
- How to color series legend in highcharts when colorbypoint is set to true
- How to use Highcharts to implement this dynamically shifting from right to left effect?
- in highcharts, how can I align legend symbol and legend text?
- How do i add mouse wheel code in Angular2 highcharts in typescript
- how to display 2 same highcharts without duplicate the code
- How can I align gridlines with dots in Highcharts
- How to align Highcharts datetime x-axis with data I pass to it?
- highcharts legend position wrong when align ='left' or 'right'?
More Query from same tag
- Loading JQuery dynamically but highcharts fails
- Removing or Switching Events on Highcharts
- Highcharts with datatable
- Customise Highstock tooltip conditionally
- Get the JSON encode result from the Controller to View
- Highcharts acting weird in chrome 30.0.1599.69
- How to use HighChart's column-stacked-and-grouped graph dynamic date range in x-axis?
- Black image bug when exporting highcharts in Firefox
- Shared legend of charts in react-highcharts?
- Extend Highchart to edges of container
- How to edit tooltip in Highcharts C# code
- Highcharts columnchart: How to separate overlapping columns
- Highcharts: Polar chart does not display series correctly in dinamically loaded data
- How to create column-range chart from data of a HTML table?
- Bar chart labels
- How can I show vertical line in highchart as shown in below image?
- Mongodb + Stacked Highcharts
- How do i make connectors (lines connecting datalabels) of piechart in Highcharts look straight lines and not curved?
- Highcharts Heatmap colorAxis min 0 Max 1
- How to achieve the best possible performance with mutable data and real-time charts in React?
- Renderer Bring to front highcharts
- How to automatically download png file from highchart when the page load
- Highcharts background image size option
- Convert hours and minute to millisecond using javascript or jQuery
- Highchart disappear on resize and not taking parent width
- Populate the chart with values returned by controller
- Highcharts / Highstock: x-axis dates appear as three dots
- how to set negative axes intervals in highcharts
- Highcharts json with coinbase
- Show tooltip in column chart when hovering crosshair line