关于open-flash-chart的相关知识(1)

OFC借助于其属性(木有数据文件),来生成图像

 

<html>
<head>
<title></title>
<meta http-equiv="content-type" content="text/html;charset-UTF-8" />
</head>
<body>
 <script src="js/swfobject.js" type="text/javascript"></script>
    <div id="my_chart"></div>
    <script type="text/javascript">
        var so = new SWFObject("swf/open-flash-chart.swf", "ofc", "250", "200", "9", "#FFFFFF");
        //分别对应了属性:固定URL、固定ID、宽度、高度、版本、未显示时的颜色

        so.addVariable("variables", "true");
        //键值对 name value
        so.addVariable("title", "中文,{font-size:20;}");
        //title 显示图标主题(最上方) 、 样式
        so.addVariable("y_legend", "中文,12,#736AFF");
        //y_legend Y坐标声明 最左边(与Y轴平行)、说明信息 字体大小 字体颜色 
        so.addVariable("x_legend", "中文,12,#736SFF");
        //x_legend X坐标声明 最左边(与X轴平行)、说明信息 字体大小 字体颜色 
        so.addVariable("y_ticks", "5,10,4");
        //y_ticks 控制Y轴坐标标记显示 Y轴坐标标记最小长度,最大长度,将Y轴分割成几个段
        so.addVariable("area_hollow", "2,3,25,#CC3399,中文,10");
        //area_hollow 区域填充图形(Line与X轴之间的区域会填充颜色) 线的宽度、点的大小、线的颜色、名称 、名称字体大小
        so.addVariable("values", "9,6,7,9,5,7,6,9,9");
        //values 设置值
        so.addVariable("x_labels", "中文,中文,中文,中文,中文,中文,中文,中文,µß!");
        // x_labels  设置X轴坐标显示 
        so.addVariable("x_axis_steps", "2");
        // x_axis_steps 设置X轴线条间隔
        so.addVariable("y_max","20");
        //y_max 设置Y轴坐标最大值
        so.addVariable("allowScriptAccess", "always");
        //AllowScriptAccess 参数,控制是否允许执行来自 swf 本身对外脚本。这两个值: "always" 和 "never":
        so.write("my_chart");
    </script>
</body>
</html>


 

源码下载:

 http://download.csdn.net/detail/hugaozhuang/4707010

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值