原創|使用教程|編輯:郝浩|2013-05-30 14:37:15.000|閱讀 317 次
概述:電子表格內的圖表展示一直都是表格開發的重要需,在Spread 7中圖表功能更是得到了進一步的提升?;?都為大家介紹一下,在ASP.Net中比較難實現的圖表互動功能——圖表工具提示。
# 界面/圖表報表/文檔/IDE等千款熱門軟控件火熱銷售中 >>
電子表格內的圖表展示一直都是表格開發的重要需求,這個需求對最終用戶實現數據可視化尤為重要。Spread 5開始就支持了圖表,在最新發布的Spread 7中圖表功能更是得到了進一步的提升。這里為大家介紹一下,在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,就是本次示例的最終效果:
本站文章除注明轉載外,均為本站原創或翻譯。歡迎任何形式的轉載,但請務必注明出處、不得修改原文相關鏈接,如果存在內容上的異議請郵件反饋至chenjj@fc6vip.cn
文章轉載自:慧都控件網