отображать подсказки для динамически генерируемого графика

Question

Есть ли способ отобразить всплывающие подсказки на динамически создаваемом изображении. Изображение представляет собой динамически создаваемую диаграмму с несколькими точками, и при наведении указателя мыши на конкретную точку мне нужно показать дополнительную информацию через всплывающее окно.

Я использую веб-формы .net 4.0 и использую пространства имен System.Drawing и System.Drawing.Imaging.

Answer 1

Если вы точно знаете, где находится точка, вы можете создать карту изображения. Но будет громоздким. Как сделать карту изображения:
http://www.javascriptkit.com/howto/imagemap.shtml

Я бы порекомендовал вам использовать библиотеку диаграмм Javascript, там их множество. И есть несколько хороших бесплатных.

Мы используем Highchart
http://www.highcharts.com/products/highstock

Но это не бесплатно.

Answer 2

Вы можете использовать карту изображения, но для этого вам понадобятся точные координаты, и если вы немного отклонитесь, это может быть испорчено. Задумывались ли вы об использовании MS Charting? http://www.microsoft.com/download/en/details.aspx?id=14422

С помощью MS Charting все делается в коде и генерирует изображение так же, как вы это делаете сейчас. Разница заключается в серверной части, когда вы создаете точку данных, вы можете установить всплывающую подсказку и некоторые другие свойства, например:

DataPoint.ToolTip = "Your Tooltip Here";

Если вы не знакомы с ними, в сети есть тонна документации и образцов.

Удачи!

Answer 3

Если ваш единственный вывод - это плоское изображение, вы можете попробовать добавить <map> на свою страницу и установить для атрибута title каждого <area> значение всплывающей подсказки.

Вы можете узнать большео создании карт здесь: http://www.w3schools.com/tags/tag_map.asp

По сути, вы определяете области своего изображения как горячие точки.