Tooltips font color in google charts

[francisco-j...@deimos-space.com]

I would like to know if it is possible to change the font color of DEFAULT tooltips in a google line chart.

I want to do this by changing css style like this:

<style>

    .google-visualization-tooltip { 

            width: 150px !important;
            border: none !important;
            border-radius: 21px !important;
            background-color: rgb(30, 50, 230)!important;
            position: absolute !important;
            box-shadow: 7px 7px 5px 0px rgba(50, 50, 50, 0.75) !important;
            background: -moz-linear-gradient(30deg, rgb(30, 50, 230) 30%, rgb(90, 140, 250) 70%) !important;
            background: -webkit-linear-gradient(30deg, rgb(30, 50, 230) 30%, rgb(90, 140, 250) 70%) !important;
            background: -o-linear-gradient(30deg, rgb(30, 50, 230) 30%, rgb(90, 140, 250) 70%) !important;
            background: -ms-linear-gradient(30deg, rgb(30, 50, 230) 30%, rgb(90, 140, 250) 70%) !important;
            background: linear-gradient(120deg, rgb(30, 50, 230) 30%, rgb(90, 140, 250) 70%) !important;
            font-size:  10px !important;

          }


    </style>

All of this css lines work well but I have not found the font color param until now.

By the way, if I modify "tooltip.textStyle" param of Line Chart API the font color changes but the CSS code mentioned above become unusable.

Thanks!

[Andrew Gallant]

Hmm...the HTML tooltips (required if you want to use your CSS) ignore the tooltip.textStyle option, and they have a hard-coded "color: rgb(51, 51, 51)" style on the spans that contain the text, so you have to be agressive with your CSS selector to override the default:

div.google-visualization-tooltip > ul > li > span {

    color: #ff0000 !important;

[francisco-j...@deimos-space.com]

It works!

Thank you very much.