<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ include file="FusionCharts.jsp" %>
<HTML>
<HEAD>
<TITLE>FusionCharts - Simple Column 3D Chart</TITLE>
</HEAD>
<BODY>
<%
String strXML = (String)request.getAttribute("strXML");
String chartHTMLCode=createChartHTML(request.getContextPath()+"/pages/"+"Column3D.swf", "",strXML, "myFirst", 1024, 500, false) ;
%>
<%=chartHTMLCode%>
</BODY>
</HTML>
@RequestMapping(params="method=findCountTJ")
public ModelAndView findCountTJ(){
List<Count> l = dataZxZdbnrService.findCountTJ();
String strXML="";
strXML +="<chart caption='Monthly Unit Sales' xAxisName='Month' yAxisName='Units' showValues='1' formatNumberScale='0' showBorder='1'>";
for(int i=0;i<l.size();i++){
Count in =l.get(i);
strXML +="<set label='"+in.getName()+"' value='"+in.getCount()+"' />";
}
strXML +="</chart>";
return new ModelAndView("main","strXML",strXML);
}
官方网站:http://www.fusioncharts.com/LiveDemos.asp
分享到:
相关推荐
FusionCharts V3是该产品的第三个主要版本,提供了更丰富的图表类型、更优化的性能以及更多的自定义选项。 **一、FusionCharts V3的特点** 1. **多样的图表类型**:FusionCharts V3 支持多种图表类型,包括折线图...
- **定义**: 第二个数值后缀(适用于双 Y 轴图表)。 - **示例**: `<sNumberSuffix='%'>` 表示第二条 Y 轴的数值单位为百分比。 ##### 4. **showValues** - **定义**: 是否显示数据值。 - **示例**: `...
6. 散点图矩阵(Bubble Charts):在二维散点图基础上增加第三个变量,通过点的大小来表示。 7. 地图(Maps):可绘制全球或特定区域的地图,用于地理数据的可视化。 8. 雷达图(Radar Charts):多维度数据对比,...
总的来说,FusionCharts XT 是一个功能强大且易用的图表库,无论是用于数据报告还是复杂的商业智能应用,都能提供出色的数据可视化解决方案。通过其丰富的图表类型、高度的定制性和良好的性能,开发者可以构建出...
这是我的第一个 Web FusionCharts'> ... ``` 3. **整合资源**:将FusionCharts包拷贝到Web应用程序的根目录,例如在MyEclipse项目中的WebRoot下。确保`FusionCharts.js`文件可被JSP页面引用。 4. **编写JSP...
对于初学者来说,这部分内容非常重要,因为正确的安装步骤是成功使用FusionCharts的第一步。文档通常会提供HTML示例代码,说明如何在页面中引用FusionCharts的JavaScript库和图表配置文件。 接着,文档会详细介绍...
{ "label": "(jb51.net)第一季度", "value": "59865" }, { "label": "(jb51.net)第二季度", "value": "63254" }, { "label": "(jb51.net)第三季度", "value": "34256" }, { "label": "(jb51.net)第四季度", ...
- 示例:“2023年第一季度”。 3. **showBorder**: 是否显示图表边界。 - **true** 显示边界。 - **false** 不显示边界。 4. **borderColor**: 边界颜色。 - 示例:`#000000`。 5. **borderThickness**: 边界...
"v3"指的是FusionCharts产品系列的第三版,这个版本可能包含了性能优化、新的图表类型和API更新,以及对不同浏览器和设备更好的兼容性。在描述中提到的“破解”通常意味着寻找绕过授权验证的方法,这在法律上是不被...
基于上述准备工作的基础上,接下来可以创建第一个图表: 1. **创建XML文件**:首先,需要在项目根目录下创建一个名为`data.xml`的XML文件,其中定义了图表的基本属性和数据。例如,以下XML示例定义了一个简单的柱状...
3. **创建第一个图表** - 配置HTML:在HTML文件中预留图表容器,并引入FusionCharts JavaScript库。 - 初始化图表:使用JavaScript代码创建图表对象,设置图表类型、宽度、高度及数据源。 4. **数据格式与绑定** ...