显示动态生成图表的工具提示

Question

有没有办法在动态创建的图像上显示工具提示。该图像是一个动态创建的图表，它有多个点，将鼠标悬停在特定点上，我需要通过弹出窗口显示额外的信息。

我使用web forms .net 4.0并使用System.Drawing和System.Drawing.Imaging名称空间。

Answer 1

如果您唯一的输出是平面图像，您可以尝试向页面添加标题，并将每个<area>的‘<map>’属性设置为您的工具提示值。

您可以在此处了解有关创建地图的更多信息：http://www.w3schools.com/tags/tag_map.asp

从本质上讲，您将图像的区域定义为热点。

Answer 2

如果您确切地知道点在哪里，您就可以创建一个图像映射。但是会很麻烦。如何制作图像映射：

http://www.javascriptkit.com/howto/imagemap.shtml

我建议你使用Javascript图表库，有很多这样的图表库。还有一些很好的免费版本。

我们正在使用Highchart

http://www.highcharts.com/products/highstock

但这并不是免费的。

Answer 3

你可以使用图像映射，但为了做到这一点，你需要精确的坐标，如果你只是稍微偏离了一点，它可能会变得混乱。你有没有考虑过使用MS Charting？http://www.microsoft.com/download/en/details.aspx?id=14422

使用MS图表，一切都是在后台代码上完成的，它会生成一个图像，就像你现在做的那样。区别在于后端，当您创建数据点时，您可以设置工具提示和其他几个属性，如下所示：

DataPoint.ToolTip = "Your Tooltip Here";

如果你不熟悉它们，网上有大量的文档和示例。

祝好运!