`
raymond.chen
  • 浏览: 1437350 次
  • 性别: Icon_minigender_1
  • 来自: 广州
社区版块
存档分类
最新评论

OpenFlashChart的使用(二)

阅读更多
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000"
		codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0"
		width="<%=width%>" height="<%=height%>" id="ie_chart"
		align="middle">
		<param name="allowScriptAccess" value="always" />
		<param name="movie"
			value="<%=url%>/open-flash-chart.swf?width=500&height=250&data=<%=url%>/chart-data-pie.jsp" />
		<param name="quality" value="high" />
		<param name="bgcolor" value="#FFFFFF" />
		<embed src="<%=url%>/open-flash-chart.swf?data=<%=url%>/chart-data-pie.jsp" quality="high"
			bgcolor="#FFFFFF" width="<%=width%>" height="<%=height%>"
			name="chart" align="middle" allowScriptAccess="always"
			type="application/x-shockwave-flash"
			pluginspage="http://www.macromedia.com/go/getflashplayer"
			id="chart" />
	</object>
 

一、LineChart Data

int max = 50;
List<String> data = new ArrayList<String>();
List<String> data2 = new ArrayList<String>();
List<String> links = new ArrayList<String>();

for(int i = 0; i < 12; i++) {
	data.add(Double.toString(Math.random() * max));
	data2.add(Double.toString(Math.random() * max / 2));
	links.add("javascript:alert('hello, i am no."+(i+1)+"')");
}

LineChart lineChart = new LineChart();
lineChart.setTitle("全市运营情况统计表");

lineChart.set_data(data);
lineChart.set_data(data2);

lineChart.line_hollow("2", "4", "#DC143C", "批售量", "12");
lineChart.line_hollow("2", "4", "#000080", "激活量", "12");

lineChart.set_links(links);

List<String> labels = new ArrayList<String>();
labels.add("一月");
labels.add("二月");
labels.add("三月");
labels.add("四月");
labels.add("五月");
labels.add("六月");
labels.add("七月");
labels.add("八月");
labels.add("九月");
labels.add("十月");
labels.add("十一月");
labels.add("十二月");

lineChart.set_x_labels(labels);
lineChart.setXLegend("月份");

lineChart.setYMax(60);
lineChart.setYLabelSteps(12);

lineChart.render();

 

二、PieChart Data

List<String> data = new ArrayList<String>();
List<String> labels = new ArrayList<String>();
List<String> links = new ArrayList<String>();

int max = 100;
for(int i = 0; i < 5; i++) {
	data.add(new DecimalFormat("#.00").format(Math.random() * max));
	labels.add("商品" + (i+1));
	links.add("chart3.jsp?id=" + i);
}

PieChart pieChart = new PieChart();
pieChart.setTitle("渠道分布占比\n\n");
pieChart.setToolTip("#val#元");

pieChart.pie_values(data, labels, links);
	
pieChart.render();
 

三、BarChart Data

Bar b1 = new Bar("50", "#9933CC");
b1.key("批售量", 12);

Bar b2 = new Bar("50", "#0000FF");
b2.key("激活量", 12);

int max = 100;
for(int i = 0; i < 12; i++) {
	b1.add(String.valueOf(Math.random() * max), "");
	b2.add(String.valueOf(Math.random() * max), "");
}

BarChart barChart = new BarChart();
barChart.setTitle("渠道运营情况统计图");
barChart.addBar(b1);
barChart.addBar(b2);

List<String> labels = new ArrayList<String>();
labels.add("一月");
labels.add("二月");
labels.add("三月");
labels.add("四月");
labels.add("五月");
labels.add("六月");
labels.add("七月");
labels.add("八月");
labels.add("九月");
labels.add("十月");
labels.add("十一月");
labels.add("十二月");

barChart.set_x_labels(labels);
barChart.setYMax(100);
barChart.setYLabelSteps(10);

barChart.render();
 

四、Bar3DChart Data

Bar b1 = new Bar("50", "#9933CC");
b1.setVar("bar_3d");
b1.key("批售量", 12);

Bar b2 = new Bar("50", "#0000FF");
b2.setVar("bar_3d");
b2.key("激活量", 12);

int max = 100;
for(int i = 0; i < 12; i++) {
	b1.add(String.valueOf(Math.random() * max), String.valueOf(i));
	b2.add(String.valueOf(Math.random() * max), String.valueOf(i));
}

Bar3DChart bar3DChart = new Bar3DChart();
bar3DChart.setTitle("渠道运营情况统计图");
bar3DChart.addBar(b1);
bar3DChart.addBar(b2);

List<String> labels = new ArrayList<String>();
labels.add("一月");
labels.add("二月");
labels.add("三月");
labels.add("四月");
labels.add("五月");
labels.add("六月");
labels.add("七月");
labels.add("八月");
labels.add("九月");
labels.add("十月");
labels.add("十一月");
labels.add("十二月");

bar3DChart.set_x_labels(labels);
bar3DChart.setYMax(110);
bar3DChart.setYLabelSteps(10);

bar3DChart.render();

 

分享到:
评论

相关推荐

    OpenFlashChart实例 + 详细讲解

    在"OpenFlashChart实例 + 详细讲解"中,我们将深入探讨如何使用这个库来创建引人入胜的数据可视化效果。 首先,OpenFlashChart的基本使用涉及到在HTML中引入库文件,这通常是一个SWF文件和JavaScript文件。SWF文件...

    openflashchart

    本文将深入探讨OpenFlashChart的主要特性和使用方法。 一、主要特性 1. **丰富的图表类型**:OpenFlashChart支持多种图表类型,包括折线图、柱状图、饼图、散点图、雷达图等,满足各种数据分析和展示需求。 2. **...

    OpenFlashChart

    #### 二、主要配置项及使用方式 - **配置项**: - **openflashchart.jar**:核心组件,需在项目开始时导入至lib目录。 - **open-flash-chart.swf**:负责生成Flash文件的接口文件,位于web目录下,与WEB-INF目录...

    OpenFlashChart必须的资源文件

    这个资源文件包包含了OpenFlashChart的关键组件,对于深入理解和使用OpenFlashChart非常有帮助。 首先,`OpenFlashChart.dll` 是OpenFlashChart的.NET版本的动态链接库文件。在.NET环境中,开发者可以利用这个DLL...

    openflashchart for .NET 实例及源码

    在.NET环境中使用OpenFlashChart,首先需要安装相应的NuGet包或下载源码进行编译。它提供了C#或VB.NET的API接口,允许开发者用熟悉的.NET语法创建图表对象并设置各种属性。例如,你可以创建一个柱状图,设置每个柱子...

    openflashchart整理的教程

    在使用OpenFlashChart可能涉及的数据处理中,了解Oracle数据库的性能参数是至关重要的。例如,可以通过以下SQL查询来查看Oracle的进程数上限和最大会话数: 1. `SELECT value FROM v$parameter WHERE name = '...

    open flash chart 1.9 文档及源码

    例如,可以使用`org.openflashchart.OpenFlashChart`类来创建一个基本的柱状图,设置各柱的高度、颜色等属性,然后将其转换成XML字符串供Flash使用。 五、示例与资源 提供的"OpenFlashChartDemo.rar"压缩包中包含...

    OpenFlashChart目前最详细的线形图模板

    #### 二、模板概述 该模板主要用于绘制单一线形图,并提供了一系列参数设置选项,以便于用户根据自身需求进行定制化调整。以下将逐一解析模板中的各项配置参数及其含义: #### 三、配置参数详解 ##### 3.1 x轴...

    OpenFlashChart 开源Flash图表组件

    内容索引:PHP源码,统计调查,图表控件,OpenFlashChart OpenFlashChart 是一款基于Flash、,效果... 源码爱好者注:请将其运行于你的网站根目录下,不要放在二级目录中,如果用在二级目录中,你需要修改不少配置信息。

    Open Flash Chart的应用(java),就是很炫的报表了

    第二步:在action里,通过各种方式获取数据信息,根据提供的jar包生成需要的图形类,再将图形类转化为字符串,返回view页面。(会自动转化为json格式的字符串) 第三步:view页面设计,页面中include必须的js及swf...

    OpenFlashChar2例子

    本文将深入探讨OpenFlashChart2的基本概念、使用方法以及在实际项目中的应用案例,帮助读者掌握这一工具。 一、OpenFlashChart2简介 OpenFlashChart2是基于Flash技术的图表库,通过在HTML页面中嵌入SWF文件,利用...

    后台管理程序框架源码,使用codeigniter框架和Smarty模板

    后台管理程序由php开发,目前只实现了基本功能:模块管理... 使用codeigniter框架和Smarty模板 页面使用ACE Admin UI模板,为了结合frame做了二次修改 图形报表使用openflashchart,OFC php有不少BUG,我已经做了修复

    open_flash_chart中文学习教程文档

    - **定义**:Openflashchart(简称ofc)是一款开源的Flash图表组件,允许用户免费使用及修改其源代码,以便根据需求定制图表样式。它通过在客户端的Flash Player中渲染数据来生成动态图表。 - **特性**: - 免费与...

    open flash chart 例子相关的说明文档

    OpenFlashChart组件的使用.rar则提供了具体组件的用法示例,涵盖了从基础图表到复杂图表的实现过程。 五、实际应用场景 Open Flash Chart因其灵活性和易用性,被广泛应用在数据分析报告、仪表板、商业智能系统等...

    开源flash图表--open flash chart

    **二、使用Open Flash Chart的基本步骤** 1. **引入库文件**:在HTML页面中引入Open Flash Chart的SWF文件和JavaScript接口文件。 2. **创建图表对象**:通过JavaScript创建一个图表对象,并设置其基本属性,如...

    open flash chart 实例3

    var ofc = new OpenFlashChart(); ofc.set_url("chart-3.php"); ofc.loadChart(); ``` 这里的`ofc.set_url()`方法指定了数据来源,`ofc.loadChart()`则触发图表的加载。 `chart-3.php`是PHP文件,它负责处理...

    open flash chart (web 实例)

    **二、Open Flash Chart 的安装与使用** 1. **下载与引入**: 首先,你需要从官方网站或其他可靠的资源下载Open Flash Chart的库文件,然后将其部署到Web服务器上,并在HTML页面中通过`&lt;object&gt;`或`&lt;embed&gt;`标签引入...

    open flash chart学习笔记之属性和方法

    在上一篇文章中,我们简要探讨了如何使用 Open Flash Chart 进行图表的创建与数据交互。本文将进一步深入研究 Open Flash Chart 中 JSON 数据格式的具体属性及其含义,并通过一个简单的 JSON 文件示例进行说明。 ##...

Global site tag (gtag.js) - Google Analytics