简单使用FusionCharts(Free)[通俗易懂]

简单使用FusionCharts(Free)[通俗易懂]介绍FusionChartsFree是一个跨平台,跨浏览器的flash图表组件解决方案,能够被ASP.NET,ASP,PHP,JSP,ColdFusion,RubyonRails

大家好,又见面了,我是你们的朋友全栈君。

介绍

     FusionCharts Free 是一个跨平台,跨浏览器的flash图表组件解决方案,能够被 ASP.NET, ASP, PHP, JSP, ColdFusion, Ruby on Rails, 简单 HTML 页面甚至PPT调用。并提供互动性和强大的图表,使用XML作为其数据接口,FusionCharts充分利用流体美丽的Flash创建紧凑,互动性和视觉逮捕图表。

优点

        1、有动画和后台交互比较方便(ajax);

        2、运行在各种平台;

        3、最重要的就是使用简单

开始使用

前台javascript代码(FusionCharts参数不全)

     function showChart() {
            $.get("Handler1.ashx", "",
              function (data) {
                  var chatr = new FusionCharts("../Charts/FCF_Line.swf", "s2Chart", "500", "400");
                  /*FusionCharts参数
                   *第一个 指定Flash
                   *给图表一个id不能重复(一个页面多个图表的时候)
                   *flash的宽度
                   *flash的高度
                   */
                  chatr.setDataXML(data);  //设置文件的xml地址或者字符串
                  chatr.render("div1");    //渲染到id为div1的div中
              });
        }

xml格式


<graph caption='Monthly Unit Sales' xaxisname='Month' yaxisname='Units' shownames='1'
        decimalprecision='0' formatnumberscale='0'>
  <set name='1' value='422' color='AFD8F8' ></set>
  <set name='2' value='857' color='F6BD0F' ></set>
  <set name='3' value='671' color='8BBA00' ></set>
  <set name='4' value='494' color='FF8E46' ></set>
  <set name='5' value='761' color='008E8E' ></set>
  <set name='6' value='960' color='D64646' ></set>
  <set name='7' value='629' color='8E468E' ></set>
  <set name='8' value='622' color='588526' ></set>
  <set name='9' value='376' color='B3AA00' ></set>
  <set name='10' value='494' color='008ED6'></set>
  <set name='11' value='761' color='9D080D'></set>
  <set name='12' value='960' color='A186BE'></set>
</graph>       

FusionCharts常用的属性

属性 描述
图表和轴的标题及动画等
caption 标题
subcaption 副标题
xaxisname X轴的名字
yAxisName y轴的名字
animation 动画是否开启 bool类型
rotatevalues 显示的值形状 竖式1 横是0
flash背景参数
bgColor 设置flash的背景颜色
bgSWF 设置一个外部的Flash 为flash的背景
图表背景参数
canvasBgColor 设置图表背景的颜色
canvasBaseColor 设置图表基部的颜色
canvasBaseDepth 设置图表基部的高度
showCanvasBg 设置是否显示图表背景
showCanvasBase 设置是否显示图表基部
yAxisMinValue y轴最小值
yAxisMaxValue y轴最大值
字体属性
baseFont 设置字体样式
baseFontSize 设置字体大小
baseFontColor 设置字体颜色
outCnvBaseFont 设置图表外侧的字体样式
outCnvBaseFontSze 设置图表外侧的字体大小
outCnvBaseFontColor 设置图表外侧的字体颜色
数字格式选项
numberPrefix 设置数据值的前缀
numberSuffix 设置数据值的后缀
formatNumber 设置是否格式化数据
formatNumberScale 格式化数据 默认为1 自动格式化 0 不格式化
decimalSeparator 用指定的字符来代替小数点
thousandSeparator 用指定的字符来代替千位分隔符
decimalPrecision 设置十进制的精度
divLineDecimalPrecision 设置y轴数值的小数位数
limitsDecimalPrecision 设置y轴的最大最小值的小数位数
水平分隔线
numdivlines 设置水平分隔线的数量
divlinecolor 设置水平分隔线的宽度
divLineAlpha 设置水平分隔线的透明度
showDivLineValue 设置是否显示水平分隔线的数值
鼠标旋停参数
showhovercap 显示是否激活鼠标旋停效果
hoverCapBgColor 设置鼠标旋停效果的背景颜色
hoverCapBorderColor 设置鼠标旋停效果的边框颜色
hoverCapSepChar 设置鼠标旋停后显示的文本中的分隔符号
图表边距的设置
chartLeftMargin 设置图表左边距
chartRightMargin 设置图表右边距
chartTopMargin 设置图表上边距
chartBottomMargin 设置图表下边距

    今天是七夕!看雷人的UC之业界良心

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

发布者:全栈程序员-用户IM,转载请注明出处:https://javaforall.cn/154430.html原文链接:https://javaforall.cn

【正版授权,激活自己账号】: Jetbrains全家桶Ide使用,1年售后保障,每天仅需1毛

【官方授权 正版激活】: 官方授权 正版激活 支持Jetbrains家族下所有IDE 使用个人JB账号...

(0)


相关推荐

  • Oracle命名规范

    1、编写目的使用统一的命名和编码规范,使数据库命名及编码风格标准化,以便于阅读、理解和继承。2、适用范围本规范适用于公司范围内所有以ORACLE作为后台数据库的应用系统和项目开发工作。3、对象

    2021年12月25日
  • 数字音频编辑的基本流程_数字音频编辑

    数字音频编辑的基本流程_数字音频编辑为什么会有SampleRate和BitdepthSampleRate就是采样率Bitdepth就是位深度不管在什么应用场合,只要是关于数字音频的这两个参数必然跑不了,网上的问答多为如何设置这两个参数,在何种使用场景使用哪种采样率和位深度最好,但对做数据处理的必须知道这两个值怎么设定,才能在特殊场合提高处理速度牺牲精度或是提高精度牺牲处理速度。SampleRate简单来说,Sample…

    2022年10月17日
  • Vue学习之基础入门「建议收藏」

    Vue学习之基础入门「建议收藏」Vue学习之基础入门

  • Unix时间戳(Unix timestamp)转换工具 – 站长工具

    Unix时间戳(Unix timestamp)转换工具 – 站长工具站长之家站长论坛站长俱乐部站长问答网站建设资源站长交易赚钱站长工具ALEXA排名查询百度权重查询SEO概况查询友情链接查询GooglePR查询Whois信息查询域名备案查询站长素材字体下载高清壁纸简历模板高清图片矢量素材PPT模板PSD素材源码下载网站排行行业网站排名地区网站排名手机版工具旧版SEO工具包立即登录 注册新帐号海外服务器租用托管-台湾直销SEO快速排名前3、百度好搜搜狗新:外链…

  • linux apache安装与配置_Apache配置

    linux apache安装与配置_Apache配置1.      下载apache,http://httpd.apache.org/download.cgi 通过这个官方网站,我们可以下到最新的版本。现在版本都是以这样的方式表达的:httpd-*.*.*.tar.gz2.      例如,你现在去官网下载的就是最新版本:httpd-2.2.9.tar.gz。3.      好了,下载到你的家目录/root里面。4.     

  • Scripting.FileSystemObject对象不能创建的原因「建议收藏」

    Scripting.FileSystemObject对象不能创建的原因「建议收藏」www.u8686.com-信息发布平台Scripting.FileSystemObject对象不能创建的原因        可能是是由于FSO没有注册,或是注册后由于使用专杀工具等提供的解除注册功能。    解决方法:Windows 2000、XP可使用regsvr32 scrrun.dll命令注册。Windows 98使用c:/windows/system/re

发表回复

您的电子邮箱地址不会被公开。

关注全栈程序员社区公众号