Spread在ASP.Net上的图表动态工具提示-控件新闻-慧都网

Spread在ASP.Net上的图表动态工具提示

原创|使用教程|编辑：郝浩|2013-05-30 14:37:15.000|阅读 287 次

概述：电子表格内的图表展示一直都是表格开发的重要需，在Spread 7中图表功能更是得到了进一步的提升。慧都为大家介绍一下，在ASP.Net中比较难实现的图表互动功能——图表工具提示。

　　电子表格内的图表展示一直都是表格开发的重要需求，这个需求对最终用户实现数据可视化尤为重要。Spread 5开始就支持了图表，在最新发布的Spread 7中图表功能更是得到了进一步的提升。这里为大家介绍一下，在ASP.Net中比较难实现的图表互动功能——图表工具提示。

Spread在ASP.Net上的图表动态工具提示

　　SpreadSheets中的图表是被生成为图像的，所以我们需要添加HTTPHandlers才能在WEB页面正常工作，添加方法如下：

<httpHandlers>
   <add path="FpChart.axd" verb="*" type="FarPoint.Web.Chart.ChartImageHttpHandler"
   validate="true" />
</httpHandlers

　　然后直接添加SpreadChart，如下：

FpSpread1.Sheets[0].AddChart(0, 0, typeof(FarPoint.Web.Chart.BarSeries), 600, 600, 50, 50,    FarPoint.Web.Chart.ChartViewType.View3D, true);

　　接下来就是在图表上实现工具提示了，将图表的AutoGenerateMapAreaToolTip属性设置为True，这个属性能够实现在鼠标悬停时自动显示图表信息。然后将RenderMapArea属性也设置为True，然后就能生成图表了。

FpSpread1.Sheets[0].Charts[0].RenderMapArea = true;
FpSpread1.Sheets[0].Charts[0].AutoGenerateMapAreaToolTip = true;

　　还有一个属性也值得一提，例如HotSpotMode，它决定System.Web.UI.WebControls.HotSpot的默认行为，如无效、回传、导航等。将其设置为无效时，工具提示才能作用。

FpSpread1.Sheets[0].Charts[0].HotSpotMode = HotSpotMode.Inactive;

　　下面这个GIF，就是本次示例的最终效果：

Spread在ASP.Net上的图表动态工具提示

标签：

本站文章除注明转载外，均为本站原创或翻译。欢迎任何形式的转载，但请务必注明出处、不得修改原文相关链接，如果存在内容上的异议请邮件反馈至chenjj@evget.com

文章转载自：慧都控件网