在 Spread 表格控件中插入图表是很典型的使用场景。Spread表格控件从5.0版本开始支持内嵌图表功能。并且内置了85中图表类型。当前的最新版版为 7.0V2 ,我们一直在不断的寻找改进方案。在本片文章中,我将像大家展示如何实现图表的动态提示功能。

 

图表在前台被渲染成图片,所以我们需要添加 HTTPHandlers 区别它在前台正确工作。

图表在前台被渲染成图片,所以我们需要添加 HTTPHandlers 区别它在前台正确工作。

<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是图表将以 Map 形式进行渲染。

FpSpread1.Sheets[0].Charts[0].RenderMapArea = true;
FpSpread1.Sheets[0].Charts[0].AutoGenerateMapAreaToolTip = true;
FpSpread1.Sheets[0].Charts[0].HotSpotMode = HotSpotMode.Inactive;
 
效果图:

Demo下载:

C#:ChartToolTipWithSpread_CS.zip (13.14 kb)

VB.NET:ChartToolTipWithSpread_VB.zip (20.82 kb)