I'm having the same issues SGopu. Viz Kid can you post an example of the ellipses actually in action?
On Jun 3, 12:10 pm, SGopu <[email protected]> wrote: > Can someone help me with this please? I would have to get this working in > Firefox? > Is google going to come up with a way to display the complete long label > names? I would really like to see complete label names either after > displaying vertically or some other method. > > Thanks. > > > > On Mon, May 24, 2010 at 1:10 PM, SGopu <[email protected]> wrote: > > Ok. I have modified my code to use the div that was initialized when the > > page got loaded. I still have the same problem of overlapping labels in > > firefox 3.6.3. > > I have tried the same piece of code on Chrome and it worked fine where I > > could see the ellipses and the tooltips. So, it looks like there is some > > issue with the long labels on firefox. > > Is there a way to display the x-axis labels vertically. I would ideally > > like to see the whole label name. Or, is line wrapping/ellipsing the only > > way to deal with long label names. With ellipses, the label names still do > > not make complete sense on the first look. The user still has to go over > > each label name to know what exactly he is looking at. And, the line breaks > > seem to be effective only when the first word before a space is short. If > > the first word is long, it seems to be replaced with ellipsis as well. > > > On Mon, May 24, 2010 at 11:44 AM, Viz Kid <[email protected]> wrote: > > >> Tooltips are shown only when ellipsis is used and in your example for some > >> reason both does not occur. > > >> Have you tried it in more than one browser? The different between the > >> playground and here might be the dynamic allocation of the div. Can you try > >> to use the same code but with a div that was initialized with the page > >> earlier? It might help us narrow down the problem. > > >> Viz Kid > > >> On Mon, May 24, 2010 at 2:52 PM, SGopu <[email protected]> wrote: > > >>> I have already given the 'corecharts' a try. Not all the features of > >>> corecharts seem to be working for me. Especially, the wrapping/ellipsing > >>> of > >>> long lables. Also, I don't see any tooltips when I hover my mouse over the > >>> x-axis labels. Attached is the screen shot of my line chart which uses the > >>> 'corechart' package. > >>> I have tried reproducing my scenario using the google playground. It > >>> works as documented. I am not sure as to where I am going wrong. > >>> If at all there is anything I am doing differently, I am trying to > >>> generate the charts dynamically. I read my data from a data store. Also, I > >>> am using dojo for the front end interface. > >>> Here is a snippet of the code that I am using for generating the charts. > > >>> google.load('visualization', '1', {'packages':['corechart']}); > > >>> for(idx=0; idx<numCharts; idx++) > >>> { > >>> ... (Reading data from a data store) > > >>> var chartDiv = document.createElement('div'); > >>> chartDiv.setAttribute('id',"DChart"+idx); > >>> chartDiv.setAttribute('name', "DChart"+idx); > >>> document.getElementById('DChartDiv').appendChild(chartDiv); > > >>> var emptyDiv = document.createElement('div'); > >>> emptyDiv.style.height= 10; > >>> document.getElementById('DChartDiv').appendChild(emptyDiv); > > >>> new google.visualization.LineChart(chartDiv).draw(data,{height:400, > >>> width:600, title:idx, legend:'right' }); > >>> } > > >>> Hope you can help me on this! > > >>> On Mon, May 24, 2010 at 3:37 AM, Viz Kid <[email protected]> wrote: > > >>>> Hi. > > >>>> A new version of the visualizations was just released a few days ago in > >>>> Google I/O. > >>>> The new version handles long text issues differently which might be > >>>> better for you. Specifically, it uses two lines wrapping where long > >>>> labels > >>>> with spaces appear and it truncates the labels using ellipsis with a > >>>> tooltip > >>>> showing upon mouse over. > > >>>> The new version also handles long labels better and adds an ellipsis and > >>>> a tooltip as was suggested in this thread. > > >>>> See the migration documentation > >>>> here<http://code.google.com/apis/visualization/documentation/release_notes...> > >>>> . > > >>>> Please let us know how this works for you. We are trying to improve the > >>>> long text handling and would appreciate any feedback. > > >>>> Best, > >>>> Viz Kid > > >>>> On Wed, May 19, 2010 at 9:07 PM, Shireesha Gopu < > >>>> [email protected]> wrote: > > >>>>> I have run into the same problem where the x labels on a line chart > >>>>> are getting truncated when the label names are too long(shown in the > >>>>> attachment). I could have many x axis labels. For this reason I would > >>>>> like to see vertically aligned labels since horizontally aligned > >>>>> labels could overlap into one another when there are too many labels. > >>>>> Is there a workaround for this where I could view the whole labels > >>>>> without being truncated and overlapped? > >>>>> I have used the following options while drawing my chart: > >>>>> google.visualization.LineChart(chartDiv).draw(data,{height:500, > >>>>> width:600, title:aggDate, axisFontSize:11, legend:'right', > >>>>> legendFontSize:11, titleFontSize:15 }); > > >>>>> On Fri, Jan 22, 2010 at 7:24 AM, Booie <[email protected]> wrote: > >>>>> > I've run into the same problem as VoidNT and I liked his solution. > >>>>> If > >>>>> > I'm correct he was suggesting allowing users to specify max lengths > >>>>> > for both tooltip and legend labels. This would allow you to make a > >>>>> > legend label read something like "This is the...." and the tooltip > >>>>> > label to be the full text "This is the full label". > > >>>>> > The other option is to be able to scroll the labels with a mouse > >>>>> > over. This would let you have something like "This is the ->". > >>>>> > Hovering over or clicking the arrow would scroll the label to the > >>>>> next > >>>>> > three words making it "full label". From what I've seen from the api > >>>>> > this is very doable and wouldn't take much work but I could be wrong. > >>>>> > It would certainly solve A LOT of problems for people using these > >>>>> > visualizations. > > >>>>> > Thoughts? Perhaps we can get it added to the future feature list if > >>>>> > it has not been added already. Thanks. > > >>>>> > On Nov 26 2009, 10:38 am, VoidNT <[email protected]> wrote: > >>>>> >> Thanks Viz Kid. It's not ideal but better than nothing. > > >>>>> >> Hopefully Google developers would make this more flexible in the > >>>>> >> future. > > >>>>> >> On Nov 25, 10:36 am, Viz Kid <[email protected]> wrote: > > >>>>> >> > Indeed there are limitation when trying to use long labels. > >>>>> >> > Notice that there is a way to increase the tooltip width and > >>>>> height (using > >>>>> >> > the tooltipWidth and tooltipHeight options which are documented > >>>>> >> > here< > >>>>>http://code.google.com/apis/visualization/documentation/gallery/piech.. > >>>>> .>) > >>>>> >> > and this way, using a full screen chart, you would have a lot of > >>>>> room for > >>>>> >> > long text. > > >>>>> >> > Tooltips do not ignore newline characters so you can use a more > >>>>> complex > >>>>> >> > string in the formatted value of the pie chart elements if needed. > >>>>> The > >>>>> >> > tooltip is constructed by > >>>>> >> > label (formatted value) > >>>>> >> > value (formatted value) > >>>>> >> > percentage > >>>>> >> > You can truncate the label to 20 characters and in the value's > >>>>> formated > >>>>> >> > value put "long label \n value". > > >>>>> >> > Hope this helps, > >>>>> >> > Viz Kid > > >>>>> >> > On Tue, Nov 24, 2009 at 10:38 AM, VoidNT <[email protected]> > >>>>> wrote: > >>>>> >> > > Thanks for your reply Redidas, > > >>>>> >> > > yep, there seem to be no relevant options in Visualizations API. > >>>>> My > >>>>> >> > > hope is that there are some hidden abilities which aren't > >>>>> documented > >>>>> >> > > yet. Unfortunately we cannot simplify labels easily because we > >>>>> get > >>>>> >> > > data from third party and ultimately we cannot predict what kind > >>>>> of > >>>>> >> > > labels we would get. > > >>>>> >> > > For example, one small option in every chart API would save us - > >>>>> the > >>>>> >> > > maximum length of visualized labels. We would still provide > >>>>> lengthy > >>>>> >> > > labels; the algorithm of a visualization which builds the chart > >>>>> and > >>>>> >> > > calculates coordinates of everything in SVG would truncate the > >>>>> labels > >>>>> >> > > shown on picture, but the additional (or even standard) tooltip > >>>>> would > >>>>> >> > > show a full label. > > >>>>> >> > > It's not specifically about piechart. We have problems with > >>>>> barchart > >>>>> >> > > and columnchart also. And I guess it also revolves around > >>>>> automatic > >>>>> >> > > calculation of coordinates in SVG for chart andlegend, because > >>>>> for > >>>>> >> > > example when we make a big visualization, almost a full screen, > >>>>> >> > > there's still not enough space forlegendto fit: > >>>>> >> > >http://i46.tinypic.com/fvlbh0.png > >>>>> >> > > . So with automatic font size we get unreadably small text > >>>>> inlegend, > >>>>> >> > > but with fixed font size the labels get cut off. > > >>>>> >> > > On Nov 24, 5:47 am, Redidas <[email protected]> wrote: > >>>>> >> > > > Hi VoidNT, > > >>>>> >> > > > I'm not aware of any additional options the API offers > >>>>> regarding text > >>>>> >> > > >format. Maybe a text wrapping enhancement could be suggested to > >>>>> the > >>>>> >> > > > API team? > > >>>>> >> > > > For the time being, I would try to simplify the labels as much > >>>>> as > >>>>> >> > > > possible. Some of the labels are so long I'm spending more > >>>>> time trying > >>>>> >> > > > to figure out what grouping of data I'm looking at. I don't > >>>>> know if > >>>>> >> > > > I'd use pie charts either - some even argue that pie charts > >>>>> limited in > >>>>> >> > > > usefulness. (google Edward Tufte, Stephen Few, or even Jorge > >>>>> Camoes) > > >>>>> >> > > > Personally, I'd simplify all the wording, and switch to a > >>>>> horizontal > >>>>> >> > > > bar chart (for label readability) > > >>>>> >> > > > On Nov 23, 10:28 am, VoidNT > > ... > > read more »- Hide quoted text - > > - Show quoted text - -- You received this message because you are subscribed to the Google Groups "Google Visualization API" group. To post to this group, send email to [email protected]. To unsubscribe from this group, send email to [email protected]. For more options, visit this group at http://groups.google.com/group/google-visualization-api?hl=en.
