google-visualization - 谷歌图表烛台图表中的自定义工具提示文本

Question

我正在使用 Google Charts API，实际上我需要更改烛台图表工具提示中显示的默认文本。不仅要改变风格，还要改变它的内容。
有谁知道如何实现它？

Answer 1

尝试使用此代码使用 html 标签自定义工具提示内容。

 data.addRows([
           ['Mon', 20, 28, 38, 45, customTooltip('Monday')],
           ['Tue', 31, 38, 55, 66, customTooltip('Tuesday')],
           ['Wed', 50, 55, 77, 80, customTooltip('Wednesday')],
           ['Thu', 77, 77, 66, 50, customTooltip('Thursday')],
           ['Fri', 68, 66, 22, 15, customTooltip('Friday')]
    ]);

 function customTooltip(text) {
    return '<div style="padding:5px 5px 5px 5px;">' +
 '<table id="medals_layout" style=" color:#db6acf; font-size:large">' + '<tr>' +
 '<td><b>' + text + '</b></td>' + '</tr>' + '</table>' + '</div>';

 }

看看这个jqfaq.com有一个折线图的工作样本