在MyEclipse下用FusionCharts制作2D条状图

2025-07-18 06:24:41

1、第一步，新建一个Web项目，并在WebRoot下新建一个jsp文件夹，在该文件夹下新建一个jsp页面“bar2D.jsp”，如下图所示：

3、第三步，在页面中的<body></body>中添加条状图容器<挢旗扦渌;div style="text-align: center; vertical-align: middle;"> <div id="bar2D"></div> </div>如下图所示：

5、第五步，给“bar2D.xml”添加条状图的数据源<?xml version="1.0" encodi荏鱿胫协ng="UTF-8"?><chart caption='2013年月收入' xAxisName='月份' yAxisName='收入' baseFont='微软雅黑' showValues='0' baseFontSize='12' baseFontColor='#FF0000' outCnvBaseFont='宋体' outCnvBaseFontSize='14' outCnvBaseFontColor='#00FF00' showToolTip='1' toolTipBgColor='#CCCCCC' toolTipBorderColor='#000000' showToolTipShadow='1'> <set label='一月' value='895645' /> <set label='二月' value='623562' /> <set label='三月' value='255989' /> <set label='四月' value='356232' /> <set label='五月' value='203265' /> <set label='六月' value='484545' /> <set label='七月' value='895656' /> <set label='八月' value='451584' /> <set label='九月' value='956566' /> <set label='十月' value='656232' /> <set label='十一月' value='451212' /> <set label='十二月' value='965655' /></chart>如下图所示：

声明：本网站引用、摘录或转载内容仅供网站访问者交流或参考，不代表本站立场，如存在版权或非法内容，请联系站长删除，联系邮箱：site.kefu@qq.com。