彩票走势图

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

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

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

# 慧都年终大促·界面/图表报表/文档/IDE等千款热门软控件火热促销中 >>

  电子表格内的图表展示一直都是表格开发的重要需求,这个需求对最终用户实现数据可视化尤为重要。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@pclwef.cn

文章转载自:慧都控件网

为你推荐

  • 推荐视频
  • 推荐活动
  • 推荐产品
  • 推荐文章
  • 慧都慧问
扫码咨询


添加微信 立即咨询

电话咨询

客服热线
023-68661681

TOP