<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的基本使用涉及到在HTML中引入库文件,这通常是一个SWF文件和JavaScript文件。SWF文件...
### OpenFlashChart组件的使用详解 #### 一、OpenFlashChart概述 OpenFlashChart是一款用于创建动态、交互式图表的开源工具。它基于Flash技术,能够轻松地与各种Web浏览器集成,实现美观且功能丰富的图表展示。...
本文将深入探讨OpenFlashChart的主要特性和使用方法。 一、主要特性 1. **丰富的图表类型**:OpenFlashChart支持多种图表类型,包括折线图、柱状图、饼图、散点图、雷达图等,满足各种数据分析和展示需求。 2. **...
#### 二、主要配置项及使用方式 - **配置项**: - **openflashchart.jar**:核心组件,需在项目开始时导入至lib目录。 - **open-flash-chart.swf**:负责生成Flash文件的接口文件,位于web目录下,与WEB-INF目录...
这个资源文件包包含了OpenFlashChart的关键组件,对于深入理解和使用OpenFlashChart非常有帮助。 首先,`OpenFlashChart.dll` 是OpenFlashChart的.NET版本的动态链接库文件。在.NET环境中,开发者可以利用这个DLL...
在.NET环境中使用OpenFlashChart,首先需要安装相应的NuGet包或下载源码进行编译。它提供了C#或VB.NET的API接口,允许开发者用熟悉的.NET语法创建图表对象并设置各种属性。例如,你可以创建一个柱状图,设置每个柱子...
在使用OpenFlashChart可能涉及的数据处理中,了解Oracle数据库的性能参数是至关重要的。例如,可以通过以下SQL查询来查看Oracle的进程数上限和最大会话数: 1. `SELECT value FROM v$parameter WHERE name = '...
例如,可以使用`org.openflashchart.OpenFlashChart`类来创建一个基本的柱状图,设置各柱的高度、颜色等属性,然后将其转换成XML字符串供Flash使用。 五、示例与资源 提供的"OpenFlashChartDemo.rar"压缩包中包含...
#### 二、模板概述 该模板主要用于绘制单一线形图,并提供了一系列参数设置选项,以便于用户根据自身需求进行定制化调整。以下将逐一解析模板中的各项配置参数及其含义: #### 三、配置参数详解 ##### 3.1 x轴...
内容索引:PHP源码,统计调查,图表控件,OpenFlashChart OpenFlashChart 是一款基于Flash、,效果... 源码爱好者注:请将其运行于你的网站根目录下,不要放在二级目录中,如果用在二级目录中,你需要修改不少配置信息。
第二步:在action里,通过各种方式获取数据信息,根据提供的jar包生成需要的图形类,再将图形类转化为字符串,返回view页面。(会自动转化为json格式的字符串) 第三步:view页面设计,页面中include必须的js及swf...
本文将深入探讨OpenFlashChart2的基本概念、使用方法以及在实际项目中的应用案例,帮助读者掌握这一工具。 一、OpenFlashChart2简介 OpenFlashChart2是基于Flash技术的图表库,通过在HTML页面中嵌入SWF文件,利用...
后台管理程序由php开发,目前只实现了基本功能:模块管理... 使用codeigniter框架和Smarty模板 页面使用ACE Admin UI模板,为了结合frame做了二次修改 图形报表使用openflashchart,OFC php有不少BUG,我已经做了修复
- **定义**:Openflashchart(简称ofc)是一款开源的Flash图表组件,允许用户免费使用及修改其源代码,以便根据需求定制图表样式。它通过在客户端的Flash Player中渲染数据来生成动态图表。 - **特性**: - 免费与...
OpenFlashChart组件的使用.rar则提供了具体组件的用法示例,涵盖了从基础图表到复杂图表的实现过程。 五、实际应用场景 Open Flash Chart因其灵活性和易用性,被广泛应用在数据分析报告、仪表板、商业智能系统等...
**二、使用Open Flash Chart的基本步骤** 1. **引入库文件**:在HTML页面中引入Open Flash Chart的SWF文件和JavaScript接口文件。 2. **创建图表对象**:通过JavaScript创建一个图表对象,并设置其基本属性,如...
var ofc = new OpenFlashChart(); ofc.set_url("chart-3.php"); ofc.loadChart(); ``` 这里的`ofc.set_url()`方法指定了数据来源,`ofc.loadChart()`则触发图表的加载。 `chart-3.php`是PHP文件,它负责处理...
**二、Open Flash Chart 的安装与使用** 1. **下载与引入**: 首先,你需要从官方网站或其他可靠的资源下载Open Flash Chart的库文件,然后将其部署到Web服务器上,并在HTML页面中通过`<object>`或`<embed>`标签引入...
在上一篇文章中,我们简要探讨了如何使用 Open Flash Chart 进行图表的创建与数据交互。本文将进一步深入研究 Open Flash Chart 中 JSON 数据格式的具体属性及其含义,并通过一个简单的 JSON 文件示例进行说明。 ##...