Sorry, but its not the same, I was a bit unclear. I want the annotation to 
display html (an image) directly into the graph and not having to hover 
over a dot in the graph in order to display an image.

dt.addColumn({type: 'string', role: 'annotation', 'p': {'html': true}}); 
//I want the annotation to percieve html code.

Thanks



On Monday, August 4, 2014 1:19:15 PM UTC+2, Inte snäll wrote:
>
> As it is now I have text as toolTip hint under the graph nodes, but my 
> question is, is it possible to have icons instead?
>
> Like flotr2 have.
>
> http://www.humblesoftware.com/flotr2/index#!advanced-markers
>
> var dt = new google.visualization.DataTable();
>                     dt.addColumn('date', 'Entered date');
>                     dt.addColumn('number', resultKey);
>                     dt.addColumn({type: 'string', role: 'tooltip', 'p': 
> {'html': true}});
>                     dt.addColumn({type: 'string', role: 'annotation', 'p': 
> {'html': true}});//This should recognize html but it doesn't, for example 
> *'<img 
> width=100px 
> src="http://upload.wikimedia.org/wikipedia/commons/2/28/Flag_of_the_USA.svg 
> <http://upload.wikimedia.org/wikipedia/commons/2/28/Flag_of_the_USA.svg>">' 
> is printed out as a string.*
>                     dt.addColumn({type: 'string', role: 'annotationText', 
> 'p': {'html': true}});
>
>
>
> I would like to have something like instead of having the text "All time 
> high" in the bellow link, I would like the american flag in that example. 
> So instead of a ('C') bellow I would like an image instead.
>
>
> https://developers.google.com/chart/interactive/docs/customizing_tooltip_content?hl=sv#tooltips_for_annotations
>
>                                 new Date(data.StopTime),
>                                 parseInt(result),
>                                 this.getTooltip(data, result, 
> testResultComment),
>                                 
> tooltipHint,//(data.TestResultComments[resultKey] != null) ? 'C' : 
> null,//Instead of 'C' I would like an image.
>                                 'test'
>                             ]
>                             ));
>
> Instead of 'C'  I would like to use *'<img width=100px 
> src="http://upload.wikimedia.org/wikipedia/commons/2/28/Flag_of_the_USA.svg 
> <http://upload.wikimedia.org/wikipedia/commons/2/28/Flag_of_the_USA.svg>">'*
>

-- 
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.

Reply via email to