如何更改Google Chart Tooltip的字體大小

Question

如何更改Google Chart Tooltip的字體大小？ [這是我到目前為止所嘗試的： https ： //jsfiddle.net/Albion87/ujpv8oep/3/ ]這些是我有的設置選項..

// Set chart options
var options = {
    isStacked: true,
    tooltip: { textStyle: { fontName: 'verdana', fontSize: 7 } },       
    width: 800,
    height: 600,
    chart: {
        title: 'Year-by-year coffee consumption',
        subtitle: 'This data is not real'
    },      
    vAxis: {
        viewWindow: {
            min: 0,
            max: 100
        }
    },
    legend: { position: 'left', alignment: 'start' },
    series: {
        2: {
            targetAxisIndex: 1
        },
        3: {
            targetAxisIndex: 1
        }
    },
    backgroundColor: {fill: 'transparent'},
    chartArea: {
      backgroundColor: 'transparent'
    }
};

在此輸入圖像描述

Answer 1

問題是材料圖表......

有幾個選項根本不適用於材料圖表，
包含...

tooltip.isHtml
tooltip.showColorCode
tooltip.textStyle
tooltip.trigger

請參閱 - > 物料圖表特征奇偶校驗的跟蹤問題＃2143

---

建議使用以下選項嘗試核心圖表...

theme: 'material'

---

材料圖表 - > google.charts.Bar - packages: ['bar']

核心圖表 - > google.visualization.ColumnChart - packages: ['corechart']