chart标签使用说明.docx

安装部署
,FusionCharts Free的各种类型的2D和3D图形对象和属性都定义在该jar包中,放在app\web\WEB-INF\lib路径下。供业务在web层调用。
charts文件夹,里面包含FusionCharts Free的相关js以及各种图形的swf文件,mon。
Chart标签
属性
属性名
是否必需
默认值
类型
描述
javaScriptBase
是
无
String
指定FusionCharts 。mon/charts/下
type
是
无
String
显示的图形类型
(图形对应的类型值, 大小写不限)
简单基本图形:
2D柱形图 column2d;
3D柱形图 column3d;
2D横向柱形图 bar2d;
2D饼图 pie2d;
3D饼图 pie3d;
线形图 line;
曲线图 spline;
单Y轴组合对比图:
2D柱形对比图 mscolumn2d
3D柱形对比图 mscolumn3d
2D横向柱形对比图 msbar2d
3D横向柱形对比图 msbar3d
线形对比图 msline
曲线对比图 msspline
2D堆栈式柱形图 stkcolumn2d
3D堆栈式柱形图 stkcolumn3d
2D堆栈式横向柱形对比图 stkbar2d
3D堆栈式横向柱形对比图 stkbar3d
3D柱形和线形单Y轴对比图
mscolumn3dline
双Y轴组合对比图:
2D柱形与线形双Y轴对比图
mscolumn2dlinedy
3D柱形与线形双Y轴对比图
mscolumn3dlinedy
3D堆栈式柱形与线形双Y轴对比图
stkcolumn3dlinedy
name
是
无
String
图形的唯一标识,也是这个图形的对象名,也是从java里传过来的XML数据对象
width
是
无
String
图形显示的宽度
height
是
无
String
图形显示的高度
property
否
无
String
属性名
scope
否
无
String
域
示例详解
Jsp
<indy:Chart javaScriptBase="/common/charts/" type="Column3D"
name="column3Obj" width="600" height="400" />
说明:
1、indy:Chart chart标签。
2、javaScriptBase="/common/charts/" 。mon/charts/下。
3、type="Column3D" 显示图形的类型,此例为3D柱形图。
4、name="column3Obj" 该图形的唯一标识,也是从java里传过来的xml数据对象。
("column3Obj", column3D);
5、width="600" 图形显示的宽度。
6、height="400" 图形显示的高度。
Action
以3D柱形图为例说明:
创建3D柱形图xml格式数据需要引入以下类:
(并不是所有类需要引入,用到什么对象就引入什么对象,看实际使用情况而定)
.;
.;
.;
.;
.;
public ActionForward init(ActionMapping mapping, ActionForm form,
HttpServletRequest request, HttpServletResponse response)
throws Exception {
// 3D柱形图
// 生成chart对象
Column3D column3D = new Column3D();
("每月销售额柱形图");// 主标题