Using google area chart: http://code.google.com/apis/chart/interactive/docs/gallery/areachart.html
Does anyone know how I can freelly manipulate the legends?
You can just manipulate the following code for the customization of your legends:
var options = {
title: '',
pieHole: 0.4,
colors: ['#0590FB', '#1DE6A2', '#FEB11C', '#FF4863', '#5A479C'],
legend : { position:"right", alignment:"center"},
chartArea: {
left: 10,
top: 10,
width: '130%',
height: '65%'
},
tooltip: {
trigger:'none'
}