Flash圖表FusionCharts如何自定義圖表導出菜單或界面

FusionCharts的導出組件界面有兩種模式：

Compact Mode: 用於保存單張圖片,每個單獨的導出組件實例都表明單獨的圖表。在這種模式下,只有一個按鈕和標題是可見的。

Full Mode: 保存多個圖表,不管是單獨或做爲一個單獨的文件。在這種模式下,用戶能夠選擇須要保存的圖表以及保存的格式。

在兩種模式下,你能夠自定義導出組件的顏色、字體和標題。在進入屬性以前,先快速看一下導出組件的各類元素。以下圖所示:

 

定製導出組件的屬性

配置導出組件的屬性時,一樣須要在JavaScript中指定(其中的導出組件已經被初始化)。示例代碼以下所示:

<div id="fcexpDiv" align="center">
     FusionCharts Export Handler Component
</div>
<script type="text/javascript">
     var myExportComponent = new FusionChartsExportObject("fcExporter1",
                             "../../FusionCharts/FCExporter.swf");

//Customize the component properties 
//Width and height
 myExportComponent.componentAttributes.width = '400';
 myExportComponent.componentAttributes.height = '60';
//Background color
 myExportComponent.componentAttributes.bgColor = 'ffffdd';
//Border properties
 myExportComponent.componentAttributes.borderThickness = '2';
 myExportComponent.componentAttributes.borderColor = '0372AB';
//Font properties
 myExportComponent.componentAttributes.fontFace = 'Arial';
 myExportComponent.componentAttributes.fontColor = '0372AB';
 myExportComponent.componentAttributes.fontSize = '12';
//Message - caption of export
 component myExportComponent.componentAttributes.showMessage = '1';
 myExportComponent.componentAttributes.message = 'Export the
   chart first, and then click on this button to save';
//Button visual configuration
 myExportComponent.componentAttributes.btnWidth = '200';
 myExportComponent.componentAttributes.btnHeight= '25';
 myExportComponent.componentAttributes.btnColor = 'E1f5ff';
 myExportComponent.componentAttributes.btnBorderColor = '0372AB';
//Button font properties
 myExportComponent.componentAttributes.btnFontFace = 'Verdana';
 myExportComponent.componentAttributes.btnFontColor = '0372AB';
 myExportComponent.componentAttributes.btnFontSize = '15';
//Title of button
 myExportComponent.componentAttributes.btnsavetitle = 'Save the chart'
 myExportComponent.componentAttributes.btndisabledtitle = 'Waiting for export'; 
//Render the exporter SWF in our DIV
 fcexpDiv myExportComponent.Render("fcexpDiv");
</script>

通過上面的操做以後,導出組件的各類參數就已經完成指定了。須要遵循如下語法:

Component_Instance.componentAttributes.Parameter_name = 'Value';

示例:

myExportComponent.componentAttributes.width = '400';