geochart：向它或其他任何其他替代图表添加 html 注释答案

【问题标题】：geochart: Adding html annotation to it or other any other alternative chartsgeochart：向它或其他任何其他替代图表添加 html 注释
【发布时间】：2013-09-09 05:45:14
【问题描述】：

我正在尝试在地理图表上添加文本覆盖。我只能在工具提示中添加文本，但只有在鼠标悬停/选择时才可见。但我希望它始终可见。

下面是小提琴链接。当我尝试添加注释时，地理图表出现错误。

http://jsfiddle.net/aSrVH/ 汽车数据 = 新谷歌。可视化。数据表();

Data. addColumn ('string', 'Country');
data.addColumn('number', 'Value');
data.addColumn({
    type: 'string',
    role: 'tooltip'
});

我无法将以上更改为：

   data.addColumn({
        type: 'string',
        role: 'annotation'
    });

如果这在 geochart 中可行，请告诉我，或建议我任何替代方案。

跟进问题： 1. 如果可以有文字，我可以给它添加动画吗？（比如淡入/淡出）

【问题讨论】：

抱歉，目前没有办法做到这一点，至少不能直接这样做。不过好主意。也许您可以以某种方式找出区域的位置（可能等待悬停事件）并在图表顶部显示您自己的 HTML。
除了 geochart 还有其他选择吗？
你总是可以选择 D3，github.com/mbostock/d3/wiki/Geo。您将不得不手动执行更多操作（悬停事件、您自己的工具提示），并且您将失去对旧浏览器的支持。
但是 D3 是 svg 对吗？不是画布？

标签： javascript jquery google-visualization

【解决方案1】：

您可以通过选项 displayMode: 'text' 使用固定文本，当悬停时会显示您的自定义框。

点击here查看developers.google.com/chart/中的示例。

【讨论】：