Using JQPlot, how can I place the legend outside the chart in a specific location?

jqplot placement
Shane Geist picture Shane Geist · Jul 20, 2013 · Viewed 13.2k times · Source

I am using the following to successfully place the legend outside my JQPlot line chart:

legend: { show: true, location: 'sw', placement: 'outside' },

However, this places the legend too close to the chart, in line with my yaxis labeling. I need to move it further to the left. Is there a way to do this?

Thanks.

Answer

willily picture willily · Nov 19, 2014

A bit late, sure, but I got it! You should use placement: 'outsideGrid' instead of placement: 'outside' as 'outsideGrid' will shrink the graph area for the legend not to be mixed with it.

Hope this help!

Nico

Related questions

How to refresh jqplot bar chart without redrawing the chart

I have a jqplot bar chart and I want the chart data to be changed when the user changes the value on a drop-down list. That works, but the problem is the bar chart redraws, one over another, each time …

Read More
How to label Google Column Chart bars

I am using Google Chart API to create chart for values which goes from 1 to millions. Problem The bars which are representing smaller values (ex: less than 50 or so) are invisible on graph and no way I can see what …

Read More
jqplot tooltip on bar chart

I'm using the jquery plugin jqplot for plotting some bar charts. on hover, I'd like to display the tick for the bar and its value on a tooltip. I've tried highlighter: { show: true, showTooltip: true, // show a tooltip with data …

Read More