A Simple Open Flash Chart2 in Java Web

最新推荐文章于 2017-10-06 09:46:00 发布
最新推荐文章于 2017-10-06 09:46:00 发布
阅读量3.1k 收藏 2
点赞数
分类专栏： 报表 文章标签： flash java string attributes null class
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/abrahu/article/details/7439264
版权

Open Flash Chart是一款很好的Flash报表工具，轻量、灵活、易于使用并可以在各种语言中，如PHP、JAVA、DoNet、Ruby、Python等。
项目结构：
src -> chart
-- OFC2Axis.java
-- OFC2Builder.java
-- OFC2Chart.java
-- OFC2Element.java
-- OFC2Legend.java
-- OFC2Title.java
src -> filters
-- EncodingFilter.java
src -> servlets
-- ChartServlet.java
WebContent
-- index.jsp
-- open-flash-chart.swf
WebContent -> js
-- swfobject.js
WebContent -> WEB-INF
-- web.xml

效果图：


开发环境：
JDK1.6 tomcat6.0 工具STS 2.5.1
前提准备：
需要下载使用open-flash-chart.swf文件

代码：
index.jsp

<%@ page language="java" contentType="text/html; charset=utf-8"
    pageEncoding="utf-8"%> 
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Open Flash Chart2 - Sample by abrahu</title>
<script type="text/javascript" src="js/swfobject.js"></script>
<script type="text/javascript">
//element type:bar, line, pie
swfobject.embedSWF(
		  "open-flash-chart.swf", "my_chart", "650", "300",
		  "9.0.0", "expressInstall.swf",
		  {"data-file":"ChartServlet"}
		  );
</script>
</head>
<body>
<div id="my_chart"></div>
</body>
</html>
OFC2Title.java 
package chart;
public class OFC2Title{
	private String text;
	private String style;
	
	public String getText(){
		return this.text;
	}
	public void setText(String text){
		this.text = text;
	}
	public String getStyle(){
		return this.style;
	}
	public void setStyle(String style){
		this.style = style;
	}
}
OFC2Legend.java 
package chart;
public class OFC2Legend{
	private String text;
	private String style;
	
	public String getText(){
		return this.text;
	}
	public void setText(String text){
		this.text = text;
	}
	public String getStyle(){
		return this.style;
	}
	public void setStyle(String style){
		this.style = style;
	}
}
OFC2Element.java 
package chart;
public class OFC2Element{
	private String attributes;
	private String text;
	private String values;
	
	public String getAttributes() {
		return attributes;
	}
	public void setAttributes(String attributes) {
		this.attributes = attributes;
	}
	public String getText() {
		return text;
	}
	public void setText(String text) {
		this.text = text;
	}
	public String getValues() {
		return values;
	}
	public void setValues(String values) {
		this.values = values;
	}
	
}
OFC2Axis.java 
package chart;
public class OFC2Axis{
	private String attributes;
	private String lables;
	public String getAttributes() {
		return attributes;
	}
	public void setAttributes(String attributes) {
		this.attributes = attributes;
	}
	public String getLables() {
		return lables;
	}
	public void setLables(String lables) {
		this.lables = lables;
	}
}
OFC2Chart.java 
package chart;

import java.util.List;

public class OFC2Chart{
	private OFC2Title title;
	private OFC2Legend x_legend;
	private OFC2Legend y_legend;
	private OFC2Axis x_axis;
	private OFC2Axis y_axis;
	private List<OFC2Element> elements;
	
	public OFC2Title getTitle() {
		return title;
	}
	public void setTitle(OFC2Title title) {
		this.title = title;
	}
	public OFC2Legend getX_legend() {
		return x_legend;
	}
	public void setX_legend(OFC2Legend x_legend) {
		this.x_legend = x_legend;
	}
	public OFC2Legend getY_legend() {
		return y_legend;
	}
	public void setY_legend(OFC2Legend y_legend) {
		this.y_legend = y_legend;
	}
	public OFC2Axis getX_axis() {
		return x_axis;
	}
	public void setX_axis(OFC2Axis x_axis) {
		this.x_axis = x_axis;
	}
	public OFC2Axis getY_axis() {
		return y_axis;
	}
	public void setY_axis(OFC2Axis y_axis) {
		this.y_axis = y_axis;
	}
	public List<OFC2Element> getElements() {
		return elements;
	}
	public void setElements(List<OFC2Element> elements) {
		this.elements = elements;
	}

}
OFC2Builder.java 
package chart;
// Author: abrahu
public class OFC2Builder {
	private StringBuilder sb;

	public String createChart(OFC2Chart chart) {
		sb = new StringBuilder();
		// create {
		sb.append("{");
		// create title
		OFC2Title title = chart.getTitle();
		if (title != null) {
			setTextandStyle("title", title.getText(), title.getStyle(),
					TITLE_TEST, TITLE_STYLE);
		}
		// create x_legend
		OFC2Legend lx = chart.getX_legend();
		if (lx != null) {
			setTextandStyle("x_legend", lx.getText(), lx.getStyle(),
					LEGEND_TEXT, LEGEND_STYLE);
		}
		// create y_legend
		OFC2Legend ly = chart.getY_legend();
		if (ly != null) {
			setTextandStyle("y_legend", ly.getText(), ly.getStyle(),
					LEGEND_TEXT, LEGEND_STYLE);
		}
		// create elements
		sb.append("\"elements\":[");
		for (OFC2Element e : chart.getElements()) {
			sb.append("{");
			if (e.getAttributes() != null) {
				sb.append(e.getAttributes());
			} else {
				sb.append(ELEMENT_ATTR);
			}
			if (e.getText() != null) {
				sb.append(",\"text\":\"" + e.getText() + "\"");
			} else {
				System.out.println("OFC2's element's text is empty!");
			}
			if (e.getValues() != null) {
				sb.append(",\"values\":[" + e.getValues() + "]");
			} else {
				System.out.println("OFC2's element's value is empty!");
			}
			sb.append("},");
		}
		if (sb.charAt(sb.length() - 1) == ',')
			sb.deleteCharAt(sb.length() - 1);
		sb.append("],");
		// create x_axis
		OFC2Axis xa = chart.getX_axis();
		if (xa == null) {
			xa = new OFC2Axis();
		}
		sb.append("\"x_axis\":{");
		if (xa.getAttributes() != null) {
			sb.append(xa.getAttributes());
		} else {
			sb.append(XAXIS_ATTR);
		}
		if (xa.getLables() != null) {
			sb.append(",\"labels\":{\"labels\":[" + xa.getLables() + "]}");
		}
		sb.append("},");
		// create y_axis
		OFC2Axis ya = chart.getY_axis();
		if (ya != null) {
			sb.append("\"y_axis\":{");
			if (ya.getAttributes() != null) {
				sb.append(ya.getAttributes());
			} else {
				sb.append(YAXIS_ATTR);
			}
			sb.append("}");
		}

		// create }
		if (sb.charAt(sb.length() - 1) == ',')
			sb.deleteCharAt(sb.length() - 1);
		sb.append("}");

		return sb.toString();
	}

	public final String TITLE_TEST = "Title";
	public final String TITLE_STYLE = "{font-size: 20px; color:#0000ff; font-family: Verdana; text-align: center;}";
	public final String LEGEND_TEXT = "Legend";
	public final String LEGEND_STYLE = "{color: #736AFF; font-size: 12px;}";
	public final String ELEMENT_ATTR = "\"type\":\"line\", \"alpha\":0.5, \"colour\":\"#9933CC\", \"font-size\": 10";
	public final String XAXIS_ATTR = "\"stroke\":1, \"tick_height\":10, \"colour\":\"#d000d0\", \"grid_colour\":\"#00ff00\"";
	public final String YAXIS_ATTR = "\"stroke\":4, \"tick_length\": 3, \"colour\":\"#d000d0\", \"grid_colour\": \"#00ff00\", \"offset\":0, \"max\":20";

	private void setTextandStyle(String unitName, String text, String style,
			String defaulTest, String defaultStyle) {
		sb.append("\"" + unitName + "\":{");
		if (text != null) {
			sb.append("\"text\":\"" + text + "\",");
		} else {
			sb.append("\"text\":\"" + defaulTest + "\",");
		}
		if (style != null) {
			sb.append("\"style\":\"" + style + "\"");
		} else {
			sb.append("\"style\":\"" + defaultStyle + "\"");
		}
		sb.append("},");
	}
}
ChartServlet.java 
package servlets;

import java.io.IOException;
import java.io.PrintWriter;
import java.util.ArrayList;
import java.util.List;

import javax.servlet.ServletException;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;

import chart.OFC2Axis;
import chart.OFC2Builder;
import chart.OFC2Chart;
import chart.OFC2Element;
import chart.OFC2Legend;
import chart.OFC2Title;

public class ChartServlet extends HttpServlet {
	/**
	 * 
	 */
	private static final long serialVersionUID = 1L;

	protected void doGet(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException{

		OFC2Builder chartBuilder = new OFC2Builder();
		OFC2Chart chart = new OFC2Chart();
		OFC2Title title = new OFC2Title();
		OFC2Legend y_legend = new OFC2Legend();		
		OFC2Element e1 = new OFC2Element();
		OFC2Element e2 = new OFC2Element();
		OFC2Axis x_axis = new OFC2Axis();
		
		List<OFC2Element> elementList = new ArrayList<OFC2Element>();
		elementList.add(e1);
		elementList.add(e2);
		
		title.setText("测试Testing Chart");
		y_legend.setText("open flash chart");
		e1.setText("Element1");
		e1.setValues("9,6,7,9,5,7,6,9,7");
		e2.setAttributes("\"type\":\"bar\", \"alpha\":0.5, \"colour\":\"#CC9933\", \"font-size\": 10");
		e2.setText("Element2");
		e2.setValues("6,7,9,5,7,6,9,7,3");
		x_axis.setLables("\"1月\",\"2月\",\"3月\",\"4月\",\"5月\",\"6月\",\"7月\",\"8月\",\"9月\"");
		
		chart.setTitle(title);
		chart.setY_legend(y_legend);
		chart.setElements(elementList);
		chart.setX_axis(x_axis);
		String strChart = chartBuilder.createChart(chart);
		
		PrintWriter out = resp.getWriter();
		out.write(strChart);		
	}
}
web.xml 
<?xml version="1.0" encoding="UTF-8"?>
<web-app xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns="http://java.sun.com/xml/ns/javaee" xmlns:web="http://java.sun.com/xml/ns/javaee/web-app_2_5.xsd" xsi:schemaLocation="http://java.sun.com/xml/ns/javaee http://java.sun.com/xml/ns/javaee/web-app_2_5.xsd" id="WebApp_ID" version="2.5">
  <display-name>OFC2_Test</display-name>
  <filter>
  	<filter-name>EncodingFilter</filter-name>
  	<filter-class>filters.EncodingFilter</filter-class>  	
  	<init-param>
    	<param-name>encoding</param-name>
    	<param-value>utf-8</param-value>
   	</init-param>
  </filter>
  <filter-mapping>
  	<filter-name>EncodingFilter</filter-name>
  	<url-pattern>/*</url-pattern>
  </filter-mapping>
  <servlet>
  	<servlet-name>ChartServlet</servlet-name>
  	<servlet-class>servlets.ChartServlet</servlet-class>
  </servlet>
  <servlet-mapping>
  	<servlet-name>ChartServlet</servlet-name>
  	<url-pattern>/ChartServlet</url-pattern>
  </servlet-mapping>
  <welcome-file-list>
    <welcome-file>index.html</welcome-file>
    <welcome-file>index.htm</welcome-file>
    <welcome-file>index.jsp</welcome-file>
    <welcome-file>default.html</welcome-file>
    <welcome-file>default.htm</welcome-file>
    <welcome-file>default.jsp</welcome-file>
  </welcome-file-list>
</web-app>
EncodingFilter.java
参见：http://blog.csdn.net/abrahu/article/details/7426070
swfobject.js
参见下载得到的代码文件


一个Open Flash Chart的参考数据文件：
{
  "title":{
    "text":  "Many data lines",
    "style": "{font-size: 20px; color:#0000ff; font-family: Verdana; text-align: center;}"
  },
 
  "y_legend":{
    "text": "Open Flash Chart",
    "style": "{color: #736AFF; font-size: 12px;}"
  },
 
  "elements":[
    {
      "type":      "bar",
      "alpha":     0.5,
      "colour":    "#9933CC",
      "text":      "Page views",
      "font-size": 10,
      "values" :   [9,6,7,9,5,7,6,9,7]
    },
    {
      "type":      "bar",
      "alpha":     0.5,
      "colour":    "#CC9933",
      "text":      "Page views 2",
      "font-size": 10,
      "values" :   [6,7,9,5,7,6,9,7,3]
    }
  ],
 
  "x_axis":{
    "stroke":1,
    "tick_height":10,
    "colour":"#d000d0",
    "grid_colour":"#00ff00",
    "labels": {
        "labels": ["January","February","March","April","May","June","July","August","Spetember"]
    }
   },
 
  "y_axis":{
    "stroke":      4,
    "tick_length": 3,
    "colour":      "#d000d0",
    "grid_colour": "#00ff00",
    "offset":      0,
    "max":         20
  }
}

参考网址：
Open Flash Chart2官网：
http://teethgrinder.co.uk/open-flash-chart-2/
Open Flash Chart2源码及示例下载：
http://teethgrinder.co.uk/open-flash-chart-2/downloads.php
或直接下载：
http://downloads.sourceforge.net/project/openflashchart/open-flash-chart/Version%202%20Lug%20Wyrm%20Charmer/open-flash-chart-2-Lug-Wyrm-Charmer.zip?r=http%3A%2F%2Fsourceforge.net%2Fprojects%2Fopenflashchart%2Ffiles%2Flatest%2Fdownload%3Fsource%3Dfiles&ts=1333870931&use_mirror=nchc

abrahu
关注
  • 0
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Modern Java Recipes Simple Solutions to Difficult Problems in Java 8 and 9 epub
10-01
Modern Java Recipes Simple Solutions to Difficult Problems in Java 8 and 9 英文epub 本资源转载自网络，如有侵权，请联系上传者或csdn删除 本资源转载自网络，如有侵权，请联系上传者或csdn删除
A simple webserver written in C.zip
12-31
A simple webserver written in C
OpenFlashChart使用
weixin_33698823的博客
10-06 166
最近在做的项目需要经常使用图表,在使用了MSchart之后发现例子少,而且极其难控制.在网上搜了一下,找到OpenFlashChart这个开源项目,发现效果还不错,而且例子满全的,效果也不错.官方下载地址:http://teethgrinder.co.uk/open-flash-chart/. 该控件的数据传输方式是采用了JSON,所以有个C#写得项目是用...
Open Flash Chart使用简记
竹叶青的专栏
11-09 3670
对于Open Flash Chart（以下简称OFC）不再作过多介绍，很多网络博客都对其作了相应介绍；这里只是记录一下自己最近几天折腾OFC一些不常用特性的经过，以免以后再次忘记，权作学习笔记。 1、获取OFC图表对象 由于下面很多地方都用到了页面嵌入的OFC对象，所以在此先定义一个获取该对象的方法： function findSWF(movieName) { var m
转：open flash chart（ofc）图表
哦嘛咪嘛咪哄~~~
09-24 199
     Java开源项目中制作图表比较出色的就是JFreeChart了，相信大家都听说过，它不仅可以做出非常漂亮的柱状图，饼状图，折线图基本图形之外，还能制作甘特图，仪表盘等图表。在Web应用中可以为项目增色不少。JFreeChart技术成熟，完全是通过Java代码控制图表生成，掌握难度不大。但是它的一个缺点就是所有资源在服务器端生成，需要占用大量的服务器资源，而且图表以流的形式输送到客户端也占...
Open Flash Chart在JSF工程中的安装与使用（swfobject2.0）
02-24 2984
一、什么是OFC(open flash chart)?    Open flash chart（简称ofc）,是一个开源的flash报表组件。我们不仅可以免费使用，而且还可以修改源码，来达到我们想要的效果。客户端在得到数据以后，在FlashPlayer中渲染出报表图。二、什么是swfobject?    swfobject是一个js组件，主要是为了方便在html中嵌入flash。一个最大的好处是把
open-flash-chart 与 FusionCharts 开发中使用
weixin_33755649的博客
11-13 122
open-flash-chart 这是一个开源的Flash报表组件,可以免费使用还可以修改源码,简称OFC 关于ofc版本: 目前open-flash-chart 最新的版本是2.0bate版.比较稳定的是1.9版. 1.9版本用actionscript2.0编写, 2.0用acrionscript3.0编写,Adobe Flex编译,并且2.0的支持Json传送数据. 下载open f...
Simple User Contact Management App in Java Free Source Code.zip
最新发布
01-08
Simple User Contact Management App in Java Free Source Code.zip
Simple Text Editor in Java Free Source Code.zip
01-08
Simple Text Editor in Java Free Source Code.zip
Open Flash Chart使用
蓝猫的专栏
09-24 4067
最近项目中需要用图表展示数据，在网上找了个开源的组件Open Flash Chart 。利用Flash前端展现，支持多种图表，柱状图、饼图、线状图等。 1. 准备工作： (1) 下载OpenFlashChart组件 下载最新2.x版本，解压缩后将open-flash-cha
OpenFlashChart实例 + 详细讲解
08-25
OpenFlashChart实例 + 详细讲解
openflashchart
08-15
open flash chart的所有图形的josn数据，可以直接使用，根据个人喜好可以自己修改。
open-flash-chart
03-01
NULL 博文链接：https://moyuan.iteye.com/blog/263979
OpenFlashChart .NET图表控件附示例包
03-16
内容索引:.NET源码,控件组件,OpenFlashChart,图表,控件　　OpenFlashChart是一款开源免费的图表组件，同时结合了flash和Javascript技术，可以创建一些具有动感效果的报表分析图表，而且它还能够很好的与浏览器进行集成。压缩包中含有一个使用此控件的示例程序，帮助您更好的理解它的使用。 　　 　　
Open Flash Chart
03-20
NULL 博文链接：https://mrwillgo.iteye.com/blog/756716
Open Chart Flash [ofc]图表示例一 （附图）
CODING WAY
01-24 159
:D [color=blue][b][size=large]包括： 折线图、饼图、柱状图、堆积图。[/size][/b] 有些公用的JS可以提取出来，这里为了简单点就没有弄。 [/color] [i][b][size=medium]下方有图[/size][/b][/i] [code="jsp"] /* *Open Chart F...
open flash chart2使用详解
热门推荐
andy1219111的专栏
01-06 1万+
1、准备 下载OFC2，解压后会发现里面有很多文件夹和文件，这里面有多种语言的示例，我们也可以读一下来了解OFC的基本使用方法。要使用OFC我们需要拷几个文件到项目中： open-flash-chart.swf swfobject.js 3、准备JS代码 嵌入SWF文件并指定加载数据的URL，可以指定SWF的属性如窗口模式（wmode）等，同时也指定的SWF的宽高
OpenFlashChart的使用（一）
程序员的天堂
10-17 384
1、AbstractChart public abstract class AbstractChart { public static String[] colors = {"#d01f3c", "#356aa0", "#C79810", "#006400", "#7CFC00", "#1E90FF", "#A0522D", "#FFA500"
use java design a running Analog clock as shown in 3rd slide
07-13
Sure, I can help you design a running analog clock in Java. Here's an example code that you can use: ```java import java.awt.Color; import java.awt.Graphics; import java.awt.Graphics2D; import java....

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值