Google charts legend manipulation

google-visualization, javascript, jquery

Solution

There isn't a way to manipulate the legends as we wish. In the question of the bounty: You can use

in two of the charts

legend : 'none'

and also use colours to guarantee that all elements have the same colour.

colors:['red','#004411']

Other than that we can't manipulate them much more unfortunately :(

Problem

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? Pretty much I want one of two: - Be able to freelly set each legend element somewhere. - Set the legend that is displayed in one line to have multiple lines if the size of the legend exceeds the width of the legend area. (Prefered) I would avoid hacks to manipulate the svg within the iframe btw.

Original source