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