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

Question

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

我正在使用Web表单.net 4.0并使用System.Drawing和System.Drawing.Imaging命名空间。

Answer 1

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

您可以在此处详细了解如何创建地图：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 Charting，一切都在后面的代码上完成，它生成的图像就像你现在这样做一样。不同之处在于后端，当您创建数据点时，您可以设置工具提示和其他几个属性，如下所示：

DataPoint.ToolTip = "Your Tooltip Here";

如果您不熟悉它们，网上有大量文档和样本。

祝你好运！