You need to set the chartArea.width and chartArea.left options to make the
internal chart area (where the data is displayed) narrower and/or move the
chart area to the left to give the legend more room to draw. These options
can either be a number (pixels) or a string (percent of total chart width),
eg:
chartArea: {
left: 25, // start the chart area 25 pixels from the left edge
width: 300 // make it 300 pixels wide
}
or
chartArea: {
left: '10%', // start the chart area 10% of the total width from the
left edge
width: '60%' // make the chart area 60% of total chart width
}
or
chartArea: {
left: 25, // start the chart area 25 pixels from the left edge
width: '60%' // make the chart area 60% of total chart width
}
On Friday, May 2, 2014 6:27:42 PM UTC-4, Ashok vardhan wrote:
>
> Hi,
>
> I am trying to display line chart.
> If i have lengthy objects, legends are displaying on the right but they
> are getting truncated.
>
> var data = google.visualization.arrayToDataTable([
> ['x', 'Cats', 'Blanket-t-is-a
> very-long-text-and-not-displaying-fully-I-dont-want-mouse-over', 'Blanket
> 2'],
> ['A', 1, 1, 0.5],
> ['B', 2, 0.5, 1],
> ['C', 4, 1, 0.5],
> ['D', 8, 0.5, 1],
> ['E', 7, 1, 0.5],
> ['F', 7, 0.5, 1],
> ['G', 8, 1, 0.5],
> ['H', 4, 0.5, 1],
> ['I', 2, 1, 0.5],
> ['J', 3.5, 0.5, 1],
> ['K', 3, 1, 0.5],
> ['L', 3.5, 0.5, 1],
> ['M', 1, 1, 0.5],
> ['N', 1, 0.5, 1]
> ]);
>
> You see the name of the second column is so big. It is being displayed as
> 'Blanket-t-is-a
> ver....' and i have to mouse over on this.
>
> How to eliminate this ?? I want to see the full name next to the graph. I
> don't want mouse over.
>
> Thanks,
> Ashok vardhan Viswanadha
>
--
You received this message because you are subscribed to the Google Groups
"Google Visualization API" group.
To unsubscribe from this group and stop receiving emails from it, send an email
to [email protected].
To post to this group, send email to [email protected].
Visit this group at http://groups.google.com/group/google-visualization-api.
For more options, visit https://groups.google.com/d/optout.
