加入收藏 | 设为首页 | 会员中心 | 我要投稿 李大同 (https://www.lidatong.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 百科 > 正文

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

发布时间:2020-12-15 18:26:10 所属栏目:百科 来源:网络整理
导读:OFC借助于其属性(木有数据文件),来生成图像 ? htmlheadtitle/titlemeta http-equiv="content-type" content="text/html;charset-UTF-8" //headbody script src="js/swfobject.js" type="text/javascript"/script div id="my_chart"/div script type="text/j

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",#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,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

(编辑:李大同)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    推荐文章
      热点阅读