Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Google chart API styling tooltips

Is there a way to style Tooltips in Google chart API? I've managed to only change the color of text using tooltip.textStyle. So is there any solution to change the white background to some other color (as shown on picture):

enter image description here

Test playground http://jsfiddle.net/nyNAg/

like image 735
vlgalik Avatar asked May 29 '12 10:05

vlgalik


People also ask

How do I customize my Google bar graph?

Customize a bar chartChoose an option: Chart style: Change how the chart looks. Chart & axis titles: Edit or format title text. Series: Change bar colors, axis location, or add error bars, data labels, or trendline.

How do I add a chart in tooltips?

To achieve this, we first add a table within the tooltip. The first column contains the categories ("women", "men"), and the second one contains the bars. In this second column, we then add HTML <div> tags and define the width of these boxes with our numerical columns.


1 Answers

I found a solution through serendipity:

<style>
path {
  fill: yellow;
}
</style>

Anyway, I did not find any configuration option for background in the google charts API.

like image 191
ricsca Avatar answered Sep 18 '22 08:09

ricsca