FusionCharts如何自定义图表导出菜单或界面.pdf

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); 慧都科技——帮助企业打造成功软件 ！ 1 //Customize the component properties //Width and height myExportCponentAttributes.width = 400; myExportCponentAttributes.height = 60; //Background color myExportCponentAttributes.bgColor = ffffdd; //Border properties myExportCponentAttributes.borderThickness = 2; myExportCponentAttributes.borderColor = 0372AB; //Font properties myExportCponentAttributes.fontFace = Arial; myExportCponentAttributes.fontColor = 0372AB; myExportCponentAttributes.fontSize = 12; //Message - caption of export component myExportCponentAttributes.showMessage = 1; myExportCponentAttributes.message = Export the chart first, and then click on this button to save; //Button visual configuration myExportCponentAttributes.btnWidth = 200; myExportCponentAttributes.btnHeight= 25; myExportCponentAttributes.btnColor = E1f5ff; myExportCponentAttributes.btnBorderColor = 0372AB; //Button font properties myExportCponentAttributes.btnFontFace = Verdana; myExportCponentAttributes.btnFontColor = 0372AB; 慧都科技——帮助企业打造成功软件 ！ 2 myExportCponentAttributes.btnFontSize = 15; //Title of button myExportCponentAttributes.btnsavetitl