自定義FusionCharts圖表右鍵菜單的各種典型示例
對于FusionCharts圖表控件的右鍵菜單,我想用過FusionCharts圖表控件的朋友都不會覺得陌生,因為我們很多功能都需要在圖表右鍵菜單內得以體現并實現我們某些功能,下面就羅列了幾個典型的例子:
一、導出圖表
圖表導出我們配置導出菜單,chart屬性配置如下所示:
exportEnabled='1' exportAtClient='1' exportHandler='fcExporter1' exportDialogMessage='正在生成,請稍候...' exportFormats='PNG=生成PNG圖片|JPG=生成JPG圖片|PDF=生成PDF文件'
前提是需要我們頁面上有著保存文件的按鈕才行。
二、自定義菜單
說起這個,就是我們默認情況下右鍵圖表看到的“About Fusioncharts"菜單。
1、如果我們不想顯示這個菜單,我們可以配置圖表屬性:showAboutMenuItem = ‘0’ 即可。
2、如果我們想自定義菜單文字和連接地址,我們可以做如下操作;
<chart showAboutMenuItem='1' aboutMenuItemLabel='fusioncharts' aboutMenuItemLink='n-http://www.stepday.com/my.stepday/?fusioncharts'
- 設置菜單顯示
showAboutMenuItem='1'‘
- 設置菜單名稱
aboutMenuItemLabel='fusioncharts'
- 設置菜單連接地址
aboutMenuItemLink='n-http://www.stepday.com/my.stepday/?fusioncharts'<span style="line-height:1.5;font-family:'sans serif', tahoma, verdana, helvetica;"></span>
- 菜單效果截圖
三、是否顯示Print Chart菜單
我們可以通過設置屬性showPrintMenuItem來控制
<chart showPrintMenuItem='1'