分享

FusionCharts使用说明

 馆天下ccf 2014-09-24

  • 使用:

使用FusionCharts进行绘制报表最重要的环节就是如何把XML数据传送给FusionCharts官方提供的脚本文件(FusionCharts.js)中,定义了一个对象FusionCharts,利用该对象即可完成与swf文件的交互。

FusionCharts对象共有四个方法:

  • 初始化方法:FusionCharts(swf,id,w,h)

例如:FusionCharts("../FCF_Column3D.swf", "chart1", "850", "370")

  • Swf:swf文件的url
  • Id:用以标示该对象
  • W:宽度
  • H:高度
  • 利用XML文件填充FusionCharts对象:dataURL(url)

例如:dataURL"../data.xml "

  • url:XML文件所在的URL
  • 利用XML字符串填充FusionCharts对象:dataXML(str)

例如:chart1.setDataURL("<graph><set name='A供电公司' value='14' /></graph>")

  • Str:匹配格式的字符串
  • 将FusionCharts对象填充到指定的div标签处:render(div)

例如:render"divid"

  • Div:div标签的id
  • 利用XML文件填充并刷新FusionCharts对象:updateChartURL(url)

例如:updateChartURL"../data.xml "

  • url:XML文件所在的URL
  • 利用XML字符串填充并刷新FusionCharts对象:updateChartXML(str)

例如:updateChartXML"<graph><set name='A供电公司' value='14' /></graph>"

  • Str:匹配格式的字符串

例如:

<div id="chart1div">Charts在这里显示</div>

<script type="text/javascript">

  var chart1 = new FusionCharts("Column2D.swf", "ChId1", "600", "400", "0", "0");

  chart1.setDataURL("Data.xml");

  //此处可以替换为:

  //chart1.setDataURL("<graph><set name='A供电公司' value='14' /></graph>");

  chart1.render("chart1div");

  function updateChart(){

        var xml;

//异步传输机制,获取xml

        //xml = "<graph><set name='A供电公司' value='14' /></graph>"

    updateChartXML('chart1Id',xml);

  }

</script>


    本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息,谨防诈骗。如发现有害或侵权内容,请点击一键举报。
    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约

    类似文章 更多