`

FusionCharts在Java中的基本使用（2）

FusionCharts 
阅读更多

五、单序列XML形式

 举例：

<graph baseFont='SunSim' baseFontSize='12' caption='分析' subcaption='' yAxisMinValue='51650.1' yAxisMaxValue='71118.3' xaxisname='日期' yaxisname='数量' hovercapbg='FFECAA' hovercapborder='F47E00' formatNumberScale='0' decimalPrecision='0' showvalues='1' numdivlines='10' numVdivlines='0' shownames='1' rotateNames='1'>
  <set name='2009-10-04' value='57653' color='AFD8F8'/>
  <set name='2009-10-05' value='57389' color='F6BD0F'/>
  <set name='2009-10-06' value='59256' color='8BBA00'/>
  <set name='2009-10-07' value='62762' color='FF8E46'/>
  <set name='2009-10-08' value='63287' color='008E8E'/>
  <set name='2009-10-09' value='60109' color='D64646'/>
  <set name='2009-10-10' value='64653' color='8E468E'/>
  <set name='2009-10-11' value='61687' color='588526'/>
</graph>
 

<graph>标签的一些属性：

baseFont: 图表的字体

baseFontSize: 图表的字号

caption: 标题

subcaption: 子标题

yAxisMinValue: y轴的最小值

yAxisMaxValue: y轴的最大值

hovercapbg: 当鼠标悬停时显示的背景色

hovercapborder: 当鼠标悬停时边框色

formatNumber（0/1）:是否用逗号分隔（1--用逗号分隔，0--不用）

formatNumberScale（0/1）: 是否添加K、M到数字（1--添加，0--不添加）

decimalPrecision: 小数的位数

showValues（0/1）: 是否显示数值

numdivlines: 水平网格线的条数

numVdivlines: 垂直网络线显示的条数

showNames（0/1）: 是否显示x轴的每个数据的名称

rotateNames（0/1）： 是否旋转x轴的每个数据的名称

rotateYAxisName（0/1）：是否显示y轴的名称

showAlternateHGridColor（0/1）： 是否显示交替的网格颜色

 

<set>标签：

name: x轴的每个数据的名称

value: 值

 

有几种图可以使用单序列的XML格式的数据

（1）Pie图

FCF_Pie2D.swf  FCF_Pie3D.swf

 

（2）Area图

FCF_Area2D.swf

 

（3）Bar图

FCF_Bar2D.swf

 

（4）Column图

FCF_Column2D.swf  FCF_Column3D.swf

 

（5）Line图

FCF_Line.swf

 

（6）Doughnut图

FCF_Doughnut2D.swf

 

六、多序列XML形式

举例：

<graph baseFont='SunSim' baseFontSize='12' caption='分析' subcaption='' yAxisMinValue='0' yAxisMaxValue='100' xaxisname='地区
' yaxisname='数量' hovercapbg='FFECAA' hovercapborder='F47E00' formatNumberScale='0' decimalPrecision='0' showvalues='1' 
numdivlines='10' numVdivlines='0' shownames='1' rotateNames='1' >
   <categories font='Arial' fontSize='11' fontColor='000000'>
      <category name='N. America' hoverText='North America'/>
      <category name='Asia' />
      <category name='Europe' />
      <category name='Australia' />
      <category name='Africa' />
   </categories>
   <dataset seriesname='Rice' color='FDC12E' alpha='100'>
      <set value='30' />
      <set value='26' />
      <set value='29' />
      <set value='31' />
      <set value='34' />
   </dataset>
    <dataset seriesname='Wheat' color='56B9F9' showValues='1' alpha='100'>
      <set value='67' />
      <set value='98' />
      <set value='79' />
      <set value='73' />
      <set value='80' />
   </dataset>
    <dataset seriesname='Grain' color='C9198D' showValues='1' alpha='100'>
      <set value='27' />
      <set value='25' />
      <set value='28' />
      <set value='26' />
      <set value='10' />
   </dataset>
</graph>

 

<graph>基本上同单序列XML形式

<categroies>指明x轴有几个种类

<categroy>对应一个种类

name：种类名

<dataset>指明一个序列集，序列集中值的个数同category的种类数

seriesname：序列的名称

<set>：序列的一个值

 

有几种图可以使用多序列的XML格式的数据

（1）Area图

FCF_MSArea2D.swf

（2）Bar图

FCF_MSBar2D.swf

（3）Column图

FCF_MSColumn2D.swf  FCF_MSColumn3D.swf

（4）Line图

FCF_MSLine.swf

（5）Stacked图

FCF_StackedArea2D.swf

FCF_StackedBar2D.swf

FCF_StackedColumn2D.swf  FCF_StackedColumn3D.swf

 

七、产生上述XML的类

public class FusionChartsXMLGenerator {
	
	public static final int BOOLEAN_TRUE = 0;
	public static final int BOOLEAN_FALSE = 1;
	private static Logger LOGGER = LoggerFactory.getLogger(FusionChartsXMLGenerator.class); 
	
	private static FusionChartsXMLGenerator singleton = new FusionChartsXMLGenerator();
	
	public static FusionChartsXMLGenerator getInstance() {
		return singleton;
	}
	
	private FusionChartsXMLGenerator() {}
	
	private String[] colors = {"AFD8F8", "F6BD0F", "8BBA00", "FF8E46", "008E8E",
			"D64646", "8E468E", "588526", "B3AA00", "008ED6", "9D080D", "A186BE"};
	
	/**
	 * data形式为: 
	 * "" category1,category2,category3...-------->这是第一行 
	 * type1 value1,value2,value3,... 
	 * type2 value1,value2,value3,...
	 * ......
	 */
	public String getMultiDSXML(List<List<String>> data, 
			String caption, String subCaption, 
			String xAxisName, String yAxisName, 
			int showNames,int showValues,
			int decimalPrecision, int rotateNames) {
		double max = -Double.MAX_VALUE, min = Double.MAX_VALUE;
		for (int i = 1; i < data.size(); i++) {
			List row = (List)data.get(i);
			for (int j = 1; j < row.size(); j++) {
				String val = (String)row.get(j);
				if (val != null && val.length() > 0) {
					double v = Double.parseDouble(val);
					if (v > max) {
						max = v;
					}
					if (v < min) {
						min = v;
					}
				}
			}
		}
		
		if (max == -Double.MAX_VALUE) {
			max = 0;
		}
		
		if (min == Double.MAX_VALUE) {
			min = 0;
		}
		
		if (min == max && min == 0) {
			min = 0;
			max = 100;
		}
		
		
		max = Math.abs(max / 10) + max;
		min = min - Math.abs(min / 10);
		
		int valCnt = ((List)data.get(0)).size() - 1;
		if (valCnt > 30) {
			showNames = 0;
			showValues = 0;
		}
		
		StringBuffer strXml = new StringBuffer();
		strXml.append("<graph baseFont='SunSim' baseFontSize='12' caption='" + 
				caption +"' subcaption='" + subCaption + "' " +
				"yAxisMinValue='" + min + "' yAxisMaxValue='" + max + "' " +
				"xAxisName='" + xAxisName + "' yAxisName='" + yAxisName + "' hovercapbg='FFECAA' " +
				"hovercapborder='F47E00' formatNumberScale='0' decimalPrecision='" + decimalPrecision + "' " +
				"showValues='" + showValues + "' numdivlines='10' numVdivlines='0' " +
				"showNames='" + showNames + "' rotateNames='" + rotateNames + "' " +
				"rotateYAxisName='0' showAlternateHGridColor='1'>");
	
		strXml.append("<categories>");
		List headerRow = (List)data.get(0);
		for (int i = 1; i < headerRow.size(); i++) {
			strXml.append("<category name='" + headerRow.get(i) + "'/>");
		}
		strXml.append("</categories>");
		
		for (int i = 1; i < data.size(); i++) {
			List row = (List)data.get(i);
			String name = (String)row.get(0);
			String color = colors[(i - 1) % 12];
			strXml.append("<dataset seriesName='" + name +"' " +
					"color='" + color + "' anchorBorderColor='" + color + "' " +
					"anchorBgColor='" + color + "'>");
			for (int j = 1; j < row.size(); j++) {
				strXml.append("<set value='" + (String)row.get(j) +"'/>");
			}
			strXml.append("</dataset>");
		}
		
		strXml.append("</graph>");
		String str =  strXml.toString();
		LOGGER.info("=============/n" + str + "/n==============/n");
		return str;
	}
	
	/**
	 *  数据格式为:
	 *  name value 
	 *  name value
	 *  ......
	 */
	public String getSingleDSXML(List<List<String>> data, 
			String caption, String subCaption, 
			String xAxisName, String yAxisName, 
			int showNames,int showValues,
			int decimalPrecision, int rotateNames) {
		
		double max = -Double.MAX_VALUE, min = Double.MAX_VALUE;
		for (int i = 0; i < data.size(); i++) {
			List<String> row = data.get(i);
			double value = Double.parseDouble(row.get(1));
			if (value > max) {
				max = value;
			}
			if (value < min) {
				min = value;
			}
		}
		
		if (max == -Double.MAX_VALUE) {
			max = 0;
		}
		
		if (min == Double.MAX_VALUE) {
			min = 0;
		}
		
		if (min == max && min == 0) {
			min = 0;
			max = 100;
		}
		
		
		max = Math.abs(max / 10) + max;
		min = min - Math.abs(min / 10);
		
		int valCnt = data.size() - 1;
		if (valCnt > 30) {
			showNames = 0;
			showValues = 0;
		}
		
		StringBuffer strXml = new StringBuffer();
		strXml.append("<graph baseFont='SunSim' baseFontSize='12' caption='" + 
				caption +"' subcaption='" + subCaption + "' " +
				"yAxisMinValue='" + min + "' yAxisMaxValue='" + max + "' " +
				"xAxisName='" + xAxisName + "' yAxisName='" + yAxisName + "' hovercapbg='FFECAA' " +
				"hovercapborder='F47E00' formatNumberScale='0' decimalPrecision='" + decimalPrecision + "' " +
				"showValues='" + showValues + "' numdivlines='10' numVdivlines='0' " +
				"showNames='" + showNames + "' rotateNames='" + rotateNames + "' " +
				"rotateYAxisName='0' showAlternateHGridColor='1'>");
		for (int i = 0; i < data.size(); i++) {
			List<String> row = data.get(i);
			String label = row.get(0);
			String value = row.get(1);
			String color = colors[i % 12];
			strXml.append("<set name='" + label + "' value='" + value + "' color='" + color + "'/>");
			
		}
		strXml.append("</graph>");
		String str =  strXml.toString();
		LOGGER.info("=============/n" + str + "/n==============/n");
		return str;
	}
}
分享到：
| FusionCharts在Java中的基本使用（1）
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    FusionCharts_java后台工具

    在IT行业中，FusionCharts是一个广泛使用的图表库，它提供了丰富的图表类型以及强大的交互功能，使得数据可视化变得简单易行。本项目主要关注的是如何在Java后端与FusionCharts结合，通过JavaBean实体类、Action类...

    FusionCharts在Android上的实现

    首先，要在Android应用中使用FusionCharts，我们需要理解其基本工作原理。FusionCharts主要基于HTML5和Web技术，因此在Android上实现它通常涉及到在应用中嵌入一个WebView组件。WebView是Android系统提供的用于加载...

    springmvc例子,FusionCharts例子(前台 java_FusionCharts后台)

    在这个例子中，我们将深入探讨如何在Spring MVC项目中集成并使用FusionCharts来展示从后台数据库获取的数据。 首先，让我们理解Spring MVC的基本工作流程。Spring MVC通过DispatcherServlet接收HTTP请求，然后将...

    FusionCharts 例子 在eclipse下制作

    在这个文件中，引入FusionCharts库，设置图表的基本配置，以及数据源。 ```html &lt;!DOCTYPE html&gt; &lt;title&gt;FusionCharts 柱状图和饼图示例 &lt;script type="text/javascript" src="js/fusioncharts.js"&gt; &lt;!-- 添加...

    FusionCharts

    开发者会在这里看到如何创建一个基本的图表结构，例如通过`&lt;script&gt;`标签引入`FusionCharts.js`，然后使用JavaScript代码实例化图表对象并设置数据。 `Data.xml`是FusionCharts的数据源文件，它可以是XML、JSON或者...

    FusionCharts示例代码(jsp)

    在JSP环境中使用FusionCharts，首先需要在项目中引入FusionCharts的JavaScript库和相关的CSS文件。这通常通过在JSP页面的`&lt;head&gt;`标签内添加对应的`&lt;script&gt;`和`&lt;link&gt;`标签来完成。例如： ```jsp ...

    FusionCharts 使用文档

    在Java Web工程中使用FusionCharts，首先需要将所有Flash文件（通常在下载包的Charts目录下）复制到WebRoot目录，这些文件是生成图表的模板。接着，将`FusionCharts.jsp`文件（在Includes包中）放入WebRoot或其子...

    FusionCharts教程

    在项目中使用FusionCharts，首先需要下载官方提供的SDK包，解压后将包含JavaScript库的文件（如`fusioncharts.js`）复制到项目目录。然后在HTML文件中通过`&lt;script&gt;`标签引入，确保在使用图表的脚本之前加载...

    FusionCharts 及中文操作手册，帮助文档，参数说明

    3. **Fusionchart++Free%E5%AD%A6%E4%B9%A0%E7%AC%94%E8%AE%B0.doc**：这是一个学习笔记文档，可能是一位用户在使用FusionCharts过程中整理的学习心得和技巧总结。 4. **FusionCharts参数说明.doc**：这份文档详细...

    FusionCharts文档

    它详细介绍了如何安装FusionCharts，设置图表的基本结构，以及如何在网页中嵌入图表。教程中还会涵盖各种图表类型（如柱状图、饼图、线图、散点图等）的创建方法，以及如何配置图表属性，实现个性化展示。此外，教程...

    Fusioncharts3.2

    在本文中，我们将深入探讨FusionCharts 3.2版本，特别是其图像和PDF导出功能，以及如何在Java环境下进行配置。 **一、必要的FusionCharts文件** 1. **图形SWF文件**：这些是用于呈现不同类型的图表（例如Pie2D.swf...

    简单的jsp fusioncharts例子

    在JSP中使用FusionCharts，你需要完成以下步骤： 1. **引入FusionCharts库**: 首先，要在JSP页面中使用FusionCharts，需要将FusionCharts的JavaScript文件引入到HTML头部。这可以通过添加`&lt;script&gt;`标签来实现，...

    js实现图表-FusionCharts

    4. **JSP**：在Java环境中，JSP开发者可以通过FusionCharts的Java类库，结合Servlet或JSP页面来生成图表数据。 **三、图表类型及特性** 1. **多样化图表**：FusionCharts支持20+种不同类型的图表，满足各种数据分析...

    FusionCharts报表 图形实例

    2. **创建图表对象**：使用FusionCharts的Java类，创建图表对象并设置基本属性，如图表类型、宽度、高度、标题等。 3. **准备数据**：将数据转化为FusionCharts能够识别的格式，通常是JSON字符串。数据可以来自...

    FusionCharts_Evaluation报表工具

    在"**FusionCharts_Evaluation**"中，我们可以预见到这是一份关于FusionCharts的评估或试用版，可能包含了该工具的各种功能演示、使用教程、示例代码和文档资源。通过这个压缩包，用户可以深入了解FusionCharts的...

    ExtJS+FusionCharts结合的两种方法

    例如，你可以使用FusionCharts的PHP、Java、.NET等服务器端库来生成图表的SVG或Flash代码，再通过Ajax请求获取这些代码，最后在ExtJS的组件中显示。 在实际应用中，我们还需要关注以下几点： - **数据源的处理**：...

    使用Xstream为FusionCharts提供XML

    总的来说，这篇博客可能涵盖了如何在Java后端使用Xstream库生成适合FusionCharts的XML数据，并在前端展示图表的全过程。这对于那些希望集成Java后端和FusionCharts的开发者来说，是一个宝贵的学习资源。

    FusionCharts Free中文开发指南

    2. **安装与引入**：讲解如何下载并引入FusionCharts Free到你的项目中，包括HTML文件中的JavaScript引用和库文件的配置。 3. **基础图表创建**：详细解释如何使用简单的代码创建一个基本的图表，包括设置图表类型...

    FusionCharts demo

    FusionCharts与各种前端框架（如Angular、React、Vue等）和后端技术（如PHP、ASP.NET、Java等）都有良好的集成，方便在不同开发环境中使用。 **8. 示例分析** 在提供的"FusionCharts"压缩包中，包含了各种示例代码...

Magicbox
Global site tag (gtag.js) - Google Analytics