在MyEclipse下用FusionCharts制作2D面积图

2024-11-30 23:31:36

1、首先，在Web项目中新建jsp页面“area2D.jsp”，如下图所示：

3、在<body></body>中引入面积图容器<div style="text-align: center; vertical-align: middle;"> <div id="area2D"></div> </div>如下图所示：

5、在“area2D.xml”文件中编写数据源<?xml version="1.0" encoding="UTF-8"?><chart caption='语文成绩' xAxisName='姓名' yAxisName='分数' baseFont='宋体' baseFontSize='12' showValues='0'> <set label='张华' value='99' /> <set label='李思思' value='89' /> <set label='王五' value='68' /> <set label='赵六' value='78' /> <set label='奇异' value='88' /> <set label='刘思' value='57' /> <set label='十五' value='69' /></chart>如下图所示：