fusioncharts 入门系列1

前端之家收集整理的这篇文章主要介绍了fusioncharts 入门系列1前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

开发需要,记录自己的学习历程。。。

fusioncharts 主要是fusioncharts.js和一些swf文件代码结构如下图:


fusioncharts文件夹存放fusioncharts所有的资源,便于统一管理

fusioncharts.html 代码

  1. <!DOCTYPE HTML>
  2. <html>
  3. <body onload="init();">
  4. <div id="chartContainer1"></div>
  5.  
  6. <script type="text/javascript" src="fusioncharts/FusionCharts.js"></script>
  7. <script type="text/javascript">
  8. function init(){
  9. var chart = new FusionCharts("fusioncharts/Column3D.swf","myChartId","500","300","0","0");
  10. chart.setDataURL("date.xml");
  11. chart.render("chartContainer1");
  12. }
  13. </script>
  14. </body>
  15. </html>

date.xml代码
  1. <graph caption='Month Sale'>
  2. <set name='January' value='462' color='AFD8F8' link="index1.html"/>
  3. <set name='Febrary' value='662' color='00D8F8' link="www.google.com"/>
  4. </graph>
运行效果


存在的问题:date.xml中第一个link可以正常跳转,第二个不可以,说明该写法错误。暂标记下,后续查找解决方案。

猜你在找的XML相关文章