FusionCharts圖表右鍵菜單的各種典型示例

對於FusionCharts圖表控件的右鍵菜單,我想用過FusionCharts圖表控件的朋友都不會覺得陌生,因爲我們很多功能都需要在圖表右鍵菜單內得以體現並實現我們某些功能,下面就羅列了幾個典型的例子:

一、導出圖表

圖表導出我們配置導出菜單,chart屬性配置如下所示:

exportEnabled='1' exportAtClient='1' exportHandler='fcExporter1' exportDialogMessage='正在生成,請稍候...' exportFormats='PNG=生成PNG圖片|JPG=生成JPG圖片|PDF=生成PDF文件'

前提是需要我們頁面上有着保存文件的按鈕纔行。

自定義FusionCharts圖表右鍵菜單

二、自定義菜單

說起這個,就是我們默認情況下右鍵圖表看到的“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>

  • 菜單效果截圖
自定義FusionCharts圖表右鍵菜單

三、是否顯示Print Chart菜單

我們可以通過設置屬性showPrintMenuItem來控制

<chart showPrintMenuItem='1'

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章