我在玩Google Charts API,实际上我需要更改烛台图工具提示中显示的默认文本。不仅可以更改样式,而且还可以更改内容。
有人知道如何实现吗?

最佳答案

尝试使用以下代码使用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,它具有折线图的工作示例

09-25 21:08