在饼图图像上创建链接

Creating Links on a Pie Chart Image

本文关键字：创建 链接 图像      更新时间：2023-09-26

我有一个饼图的图像，它有5个相等的部分，我想为每个部分创建一个滚动，然后会产生一个弹出的工具提示，其中包含文本以及每个部分到另一个页面的链接。

我意识到这可能相当复杂，所以我也在考虑让5个部分中的每一个都可以点击，这样用户就可以访问页面上的书签集。但我仍然不知道如何分离饼图，以便每个部分都单独链接。

饼图的每个部分都有自定义文本，所以我无法使用和我找到的通用饼图解决方案。饼图目前由一个图像组成，如果需要，我可以编辑图像。

提前感谢您的帮助。

我会使用图像映射。你可以在这里阅读更多关于它们的信息：http://www.w3schools.com/tags/tag_map.asp

我使用Dreamweaver绘制坐标，但你可以在网上找到网站，它可以让你上传图像并在线绘制点。

完成的代码如下所示：

<img src="planets.gif" width="145" height="126" alt="Planets" usemap="#planetmap">
<map name="planetmap">
<area shape="rect" coords="0,0,82,126" href="sun.htm" alt="Sun">
<area shape="circle" coords="90,58,3" href="mercur.htm" alt="Mercury">
<area shape="circle" coords="124,58,8" href="venus.htm" alt="Venus">
</map>
相关文章：