geochart:向其添加 html 注释或任何其他替代图表

geochart: Adding html annotation to it or other any other alternative charts

提问人:neoahead 提问时间:9/5/2013 最后编辑:Lars Kotthoffneoahead 更新时间:4/18/2015 访问量:790

问:

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

下面是小提琴链接。当我尝试添加注释时,geochart出现错误。

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

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

我无法将上面的内容更改为:

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

请让我知道这在地理图表中是否可行,或向我建议任何替代方案。

跟进问题: 1. 如果文本是可能的,我可以添加动画吗?(如淡入/淡出)

javascript jquery google-visualization

评论

0赞 dlaliberte 9/6/2013
对不起,目前没有办法这样做,至少不能直接这样做。不过是个好主意。也许你可以以某种方式找出区域的位置(也许等待悬停事件),并在图表顶部显示你自己的HTML。
0赞 neoahead 9/17/2013
除了地理图表,还有其他替代品吗?
1赞 Lance Hudson 10/11/2013
你总是可以选择 D3,github.com/mbostock/d3/wiki/Geo . 您将不得不手动执行更多操作(悬停事件、您自己的工具提示),并且您将失去旧的浏览器支持。
0赞 neoahead 12/23/2013
但是 D3 是 svg,对吧?不是画布?

答:

0赞 Developer Ph2 4/18/2015 #1

您可以使用带有选项 displayMode: 'text' 的固定文本,悬停时会显示您的自定义框。

单击此处查看 developers.google.com/chart/ 示例。