hart标签使用说明.docxVIP

安装部署indigotaglib.jar为标签封装类，FusionCharts Free的各种类型的2D和3D图形对象和属性都定义在该jar包中，放在app\web\WEB-INF\lib路径下。供业务在web层调用。charts文件夹，里面包含FusionCharts Free的相关js以及各种图形的swf文件，放置路径为web\common。Chart标签属性属性名是否必需默认值类型描述javaScriptBase是无String指定FusionCharts Free的FusionCharts.js和各种图形的swf文件的存放路径。一般规定是放在/common/charts/下type是无String显示的图形类型（图形对应的类型值,大小写不限）简单基本图形：2D柱形图column2d;3D柱形图column3d;2D横向柱形图 bar2d;2D饼图pie2d;3D饼图pie3d;线形图line;曲线图spline;单Y轴组合对比图：2D柱形对比图mscolumn2d3D柱形对比图mscolumn3d2D横向柱形对比图msbar2d3D横向柱形对比图msbar3d线形对比图msline曲线对比图msspline2D堆栈式柱形图stkcolumn2d3D堆栈式柱形图stkcolumn3d2D堆栈式横向柱形对比图stkbar2d3D堆栈式横向柱形对比图stkbar3d3D柱形和线形单Y轴对比图mscolumn3dline双Y轴组合对比图：2D柱形与线形双Y轴对比图mscolumn2dlinedy3D柱形与线形双Y轴对比图mscolumn3dlinedy3D堆栈式柱形与线形双Y轴对比图stkcolumn3dlinedyname是无String图形的唯一标识，也是这个图形的对象名，也是从java里传过来的XML数据对象width是无String图形显示的宽度height是无String图形显示的高度property否无String属性名scope否无String域示例详解Jspindy:ChartjavaScriptBase=/common/charts/ type=Column3Dname=column3Obj width=600 height=400 /说明：1、indy:Chartchart标签。2、javaScriptBase=/common/charts/FusionCharts.js和各种图形的swf文件的存放路径。一般规定是放在/common/charts/下。3、type=Column3D显示图形的类型，此例为3D柱形图。4、name=column3Obj该图形的唯一标识，也是从java里传过来的xml数据对象。request.setAttribute(column3Obj, column3D);5、width=600图形显示的宽度。6、height=400图形显示的高度。Action以3D柱形图为例说明：创建3D柱形图xml格式数据需要引入以下类：（并不是所有类需要引入，用到什么对象就引入什么对象，看实际使用情况而定）import com.longshine.indigo.chart.fusion.column3d.Column3D;import com.longshine.indigo.chart.fusion.column3d.Line;import com.longshine.indigo.chart.fusion.column3d.Set;import com.longshine.indigo.chart.fusion.column3d.TrendLines;import com.longshine.indigo.chart.fusion.column3d.VLine;publicActionForward init(ActionMapping mapping, ActionForm form,HttpServletRequest request, HttpServletResponse response)throws Exception {// 3D柱形图// 生成chart对象Column3D column3D = newColumn3D();column3D.setCaption(每月销售额柱形图);// 主标题column3D.setXAxisName(月份);// X轴名字column3D.setYAxisName(销售额);// Y轴名字column3D.setNumberPrefix($);// 轴刻度数值前缀,如$12column3D.setNumberSuffix(%A5);// 轴刻度数值后缀,%A5为￥,如12￥column3D.setBgColor(154F67);// 设置背景颜