Flash图表FusionCharts如何自定义图表导出菜单或界面
来源:互联网 发布:淘宝网店怎么修改电话 编辑:程序博客网 时间:2024/05/18 12:42
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';
- Flash图表FusionCharts如何自定义图表导出菜单或界面
- Flash图表控件FusionCharts如何自定义图表上的垂直线
- Flash图表控件FusionCharts如何自定义图表的工具提示
- Flash图表控件FusionCharts自定义图表y轴最大/最小值
- DevExpress 自定义图表导出菜单
- FusionCharts v3创建图表过程(flash图表)
- Java 实现 FusionCharts 图表导出图片或PDF文件功能
- FusionCharts fcexporter.jar图表导出图片或pdf功能
- Flash图表控件FusionCharts如何高亮显示数据
- 如何利用JavaScript API访问导出FusionCharts图表数据
- 如何将FusionCharts图表导出为图像/PDF
- Flash图表控件FusionCharts如何在图表标绘非连续数据
- Flash图表控件FusionCharts如何在图表中显示标识和图片
- Flash图表控件FusionCharts如何定制图表中的趋势线和趋势区
- 如何自定义FusionCharts图表上的工具提示?
- 如何自定义FusionCharts图表上的工具提示?
- FusionCharts Free-使用JS加载-flash图表
- FusionCharts Free-使用JS加载-flash图表
- Response.Redirect传递参数
- 烘干设备技术的开发及应用需要具备哪些条件
- 跟我一起学Python之五:序列
- 奇怪的现象
- 快速理解关于括号运算符、static_cast、dynamic_cast和reinterpret_cast
- Flash图表FusionCharts如何自定义图表导出菜单或界面
- aaaaaaa
- Unit test enables develop in baby steps thus improve the efficiency
- eclipse maven plugin 插件 安装 和 配置
- Subversion服务器程序版本说明
- css中设置前景色的透明度
- LXC 简单实用说明
- 字符串汉字英文数字判断
- 20130809, 微软八月安全补丁提前通知