当前位置: 编程技术>java/j2ee
JSP FusionCharts Free显示图表 具体实现
来源: 互联网 发布时间:2014-10-19
本文导语: FusionCharts Free的下载地址:http://www.fusioncharts.com/goodies/fusioncharts-free/ 接下来在jsp页面中引入js 代码如下:然后写入 代码如下: var chart = new FusionCharts("FusionChartsFree/Charts/FCF_Column3D.swf", "column1", "800", "600"); chart.se...
FusionCharts Free的下载地址:http://www.fusioncharts.com/goodies/fusioncharts-free/
接下来在jsp页面中引入js
代码如下:
然后写入
代码如下:
var chart = new FusionCharts("FusionChartsFree/Charts/FCF_Column3D.swf", "column1", "800", "600");
chart.setDataURL("/tech-java/FusionChartsFree/Gallery/Data/Column3D.xml");
chart.render("div1");
第二行的参数分别为:要显示图形的SWF地址,图形的id(可以任意起,但是一个页面有多个图形时是唯一的),图形的宽,图形的高;
第三行是设置要显示数据XML的地址;
第四行是渲染图形参数是DIV的id;
附:
代码如下:
Demo
var chart = new FusionCharts("FusionChartsFree/Charts/FCF_Column3D.swf", "column1", "800", "600");
chart.setDataURL("/tech-java/FusionChartsFree/Gallery/Data/Column3D.xml");
chart.render("div1");
显示效果: