【FusionCharts简单教程(三)-----FusionCharts的基本属性】的更多相关文章

FusionCharts简单教程(三)-----FusionCharts的基本属性

      通过前面两章的讲解我们可以制作出简单的图像,但是有时候我们需要对图像进行一个精确的规划,比如设置背景颜色.设置提示信息.设置间隔颜色等等,这时就需要我们对FusionCharts的细节有比较详细的了解,只有了解了这些最基本的元素才能制作出我们想要的图像.       FusionCharts的基本元素主要包括如下几个方面:图像背景和画布.图形标签.刻度线标签.提示信息.数据. 一.图像背景和画布.       这个标签类主要是用于设置图像的背景.边框和对整个画布进行设置. 属性名称…

FusionCharts简单教程(三)-----如何自定义图表上的工具提示

最近有蛮多人总是问我这个FusionCharts制表的问题,帮助他们解决之后,在昨晚发现以前整理的笔记中有这个简单教程,而且以前也发表了几篇这个博文,所以就将其全部上传上来供别人参考.如有不正确之处望指正!!!! 所谓图表上的工具提示就是当鼠标放在某个特定的数据块上时所显示的提示信息.如下: 禁用显示工具提示 在默认情况下工具提示功能是显示的,但是有时候我们并不是很想需要这个功能提示功能,这个时候我们就希望能够禁用该功能.我们可以通过设置showToolTip='0'来禁用工具提示. 自定义文本…

FusionCharts简单教程(八)-----使用网格组件

        有时候我们会觉得使用图像不够直接,对于数据的显示没有表格那样直接明了.所以这里就介绍如何使用网格组件.将网格与图像结合起来.网格组件能够将FusionCharts中的单序列数据以列表的形式展示出来,同时也能够与单序列的图表进行一个不错的结合,形成一个不错的组合. 一. 创建网格         首先我们需要创建一个带有网格的页面,其实这个页面和创建图表的页面毫无区别,只不过是需要改变SWF文件即可.网格组件的SWF文件为:SSGrid.swf. <body bgcolor="…

FusionCharts简单教程（一）---建立第一个FusionCharts图形

由于项目需求需要做一个报表,选择FusionCharts作为工具使用.由于以前没有接触过报表,网上也没有比较详细的fusionCharts教程,所以决定好好研究FusionCharts,同时做一个比较简单的教程提供参考.由于能力有限(应届毕业生的菜鸟而已),所以教程(学习笔记而已)不免会有错误,望别喷,望指正.当然肯定避免不了会参考其他资料的. 一.FusionCharts简介和安装使用 1．1.简介 FusionCharts是InfoSoft Global公司的一个产品,而FusionChar…

FusionCharts简单教程---建立第一个FusionCharts图形

由于项目需求需要做一个报表,选择FusionCharts作为工具使用.由于以前没有接触过报表,网上也没有比较详细的fusionCharts教程,所以决定好好研究FusionCharts,同时做一个比较简单的教程提供参考.由于能力有限(应届毕业生的菜鸟而已),所以教程(学习笔记而已)不免会有错误,望别喷,望指正.当然肯定避免不了会参考其他资料的. 一.FusionCharts简介和安装使用 1．1.简介 FusionCharts是InfoSoft Global公司的一个产品,而FusionChar…

FusionCharts简单教程(七)-----使用FusionCharts实现下钻功能

      前面介绍的FusionCharts都是对FusionCharts的基本属性进行操作,下面几篇博文就FusionCharts的高级特性做一个介绍,包括:添加下钻链接.使用Style样式定制图表.网格组件的使用.导出为图片等等.       在我们开发的过程中,我们可能会需要这样一种需求.当客户点击图表的某个柱子时或者圆饼时,可以看到更加详细的信息.对于这样的需求我们称之为下钻.FusionCharts对下钻提供了非常好的支持.在前面我们就知道使用FusionCharts我们只需要关心数…

FusionCharts简单教程(二)-----使用js加载图像和setDataXML()加载数据

      前面一篇对FusionCharts进行了一个简单的介绍,而且建立了我们第一个图形,但是那个是在HTML中使用<OBJECT>和<EMBED>标记来加载图形的,但是这样做是非常不"理智"的.这样做除了代码量比较大外,还有并不是所有的人能够看懂上面的代码.但是使用JS后就可以避免上面几个问题了. 一.使用JS加载FusionCharts图形       下面就分五个步骤讲解如何使用js来加载FusionCharts图形.       第一步:导入Fusi…

FusionCharts简单教程(六)------加载外部Logo

一.加载外部文件Logo       在使用FusionCharts时,我们可能需要在加载图像的时候需要在图表中显示标识.图片等等.这里我们可以使用logoURL属性来实现.如: <chart caption='Decline in Net Interest Margins of Banks (1995-2005)' numberSuffix='%25' logoURL='../FusionCharts/11111.png'> <set label='Spain' value='56'…

FusionCharts简单教程（四）-----基本数字格式

      在统计图例中什么是最基本,最重要的元素?那就是数据.一个数据的统计图像那就是一堆空白.但是数据存在多种形式,比如小数,比如千分位等等.又如若一个数据是12.000000001,对于数据要求不是很严格的,你不会这么显示吧?所以在统计报表中我们经常需要对数据进行一些格式的控制. 一. 控制小数位       FusionCharts中有一个可以控制小数点的保留位置的属性:decimalPrecision,该属性后面的值表示保留的小数点位数.例如:当decimalPrecision='0'…

FusionCharts简单教程（五）-----FusionCharts中的那些特殊符号

       在FusionCharts中有些特殊字符,我们需要进行编码操作才能够使用,否则就无法正常显示. 欧元符号       在FusionCharts里显示"€",你需要用"%80"来替换它.如下: <graph decimalPrecision='0' numberPrefix='%80 '> <set name='John' value='420' color='AFD8F8' /> <set name='Mary' val…