使用带有鼠标悬停“标题”的JavaScript即时生成图形

Question

我正在开发一个后端，需要在javascript中包含与信息关联的图表。我们的想法是重现与Google Analytics /网站管理员工具类似的内容：

当有人移动时，我也想重现“悬停”字幕。

有人知道这是否可以用JavaScript做到这一点？它不允许使用jQuery，所以请不要“使用jQuery”回复。

提前谢谢

Answer 1

有大量基于svg的javascript库用于绘制图表，支持自定义工具提示和其他功能。

我个人最喜欢的是 Highcharts ，这是一个全功能的独立图书馆。

Dojo，ExtJS和YUI3的图表库也非常好，如果您不介意它们不是独立的，则支持自定义工具提示。

所有这些库至少支持IE7 +，移动设备和所有其他主流浏览器。

我建议使用它们而不是为图表制作自己的javascript代码。它们都是令人惊讶的可定制的，除非你需要一种非常特殊的图表，否则它们将非常适合你。

Answer 2

Google Analytics图表是Flash，而不是JavaScript。

要使用JavaScript绘制图形，您可以使用SVG（可缩放矢量图形），我建议Raphael。看看吧。