score:1

Accepted answer

taking out the "floating" and x/y positions makes it look a little cleaner too:

    legend: {
        verticalalign: 'bottom',
        backgroundcolor: (highcharts.theme && highcharts.theme.legendbackgroundcolorsolid) || 'white',
        bordercolor: '#ccc',
        borderwidth: 1,
        shadow: false
    },

http://jsfiddle.net/38mkf/1/

score:1

is that you want verticalalign: bottom on legend part?

legend: {
    align: 'right',
    x: -70,
    verticalalign: 'bottom',
    y: 20,
    floating: true,
    backgroundcolor: (highcharts.theme && highcharts.theme.legendbackgroundcolorsolid) || 'white',
    bordercolor: '#ccc',
    borderwidth: 1,
    shadow: false
},

http://jsfiddle.net/38mkf/


Related Query

More Query from same tag