open-flash-chart

[url=http://pullmonkey.com/2008/7/23/open-flash-chart-ii-plugin-for-ruby-on-rails-ofc2]http://pullmonkey.com/2008/7/23/open-flash-chart-ii-plugin-for-ruby-on-rails-ofc2[/url]
[url=http://pullmonkey.com/projects/open_flash_chart2/]http://pullmonkey.com/projects/open_flash_chart2/[/url]

[b]英文配置步骤[/b]
1. rails testing_ofc_2
2. cd testing_ofc_2
3.
script/plugin install git://github.com/pullmonkey/open_flash_chart.git

4. If the above line did not work for you, you can also use http -
 script/plugin install http://github.com/pullmonkey/open_flash_chart.git

5. script/generate controller test_it
6. Add the following to the test_it_controller.rb in RAILS_ROOT/app/controllers:
class TestItController < ApplicationController
def index
@graph = open_flash_chart_object(600,300,"/test_it/graph_code")
end

def graph_code
title = Title.new("MY TITLE")
bar = BarGlass.new
bar.set_values([1,2,3,4,5,6,7,8,9])
chart = OpenFlashChart.new
chart.set_title(title)
chart.add_element(bar)
render :text => chart.to_s
end
end


7. Add the following to index.html.erb in RAILS_ROOT/app/views/test_it/:


<script type="text/javascript" src="/javascripts/swfobject.js"></script>
<%= @graph %>



8. Copy swfobject.js from the plugin's assets/ directory (will make this happen at install time later) to your RAILS_ROOT/public/javascripts directory
9. Copy open-flash-chart.swf from the plugin's assets/ director to your RAILS_ROOT/public/ directory
10. script/server
11. Browse to http://localhost:3000/test_it
12. Let me know how it goes, thanks.


[url=http://doruby.kbmj.com/nakahira_on_rails/20081021/ruby_on_rails_graph_Open_Flash_Chart_][b]日语版配置步骤[/b][/url]
http://doruby.kbmj.com/nakahira_on_rails/20081021/ruby_on_rails_graph_Open_Flash_Chart_

こんにちは、KBMJの中平@railsエンジニアです。

今回はruby on railsでグラフを表示させようと思います。



rubyでグラフを作成するのは、Gruff というプラグインがありますが

今回は Gruffではなく Open Flash Chart というグラフ作成プラグインを使用してみます。



このプラグインの特徴は、その名の通りグラフをFlashで表示するプラグインなので、Gruffを使った場合より見た目がいいグラフができるかも? ということで、さっそくruby on rails でグラフを作成してみます。



Open Flash Chartは、こちらのサイトでruby on rails 用のプラグインが公開されています。(ほかの言語のプラグインもあります)

http://pullmonkey.com/projects/open_flash_chart2/



サイトを見ると使い方の手順が書いてあるのでその通りに実行します。

 ※上記のサイトに手順書いてありますので、ここでは要点をざっと説明します。



1.Open Flash Chartプラグインのインストール

ruby script/plugin install git://github.com/pullmonkey/open_flash_chart.git  


2.グラフ表示のためのコントローラーやビューの記述   

サイトに書いてあるサンプルを参考にしてください。棒グラフの作成サンプルです。

(グラフのサンプルコードは数行の簡単なものですので、ここでは省略します)



3.swfobject.jsファイルのコピー   

プラグインに入っている

/vendor/plugins/open_flash_chart/assets/swfobject.js ファイルを  

RAILS_ROOT/public/javascriptsディレクトリにコピーします。



4.open-flash-chart.swfファイルのコピー

プラグインに入っている

/vendor/plugins/open_flash_chart/assets/open-flash-chart.swf ファイルを  

RAILS_ROOT/publicディレクトリにコピーします。



準備はこれで終わりです。


[b]中文步骤[/b]

1 下载插件 vender/plugin 下面

2 下载 public/javascripts/swfobject.js

下载 open-flash-chart.rar 解压到public 下面 就一个open-flash-chart.swf 文件
3 代码拷贝
 
def index
@graph = open_flash_chart_object(600,300,"/test_it/graph_code")
end

def graph_code
title = Title.new("MY TITLE")
bar = BarGlass.new
bar.set_values([1,2,3,4,5,6,7,8,9])
chart = OpenFlashChart.new
chart.set_title(title)
chart.add_element(bar)
render :text => chart.to_s
end




4 layout
<% javascript_include_tag "swfobject" %>

5 view 代码
 <%= @graph>


6 运行看效果^^ 太帅了
Open Flash Chart 图表库开发与集成教程 本文还有配套的精品资源,点击获取 简介:Open Flash Chart 是一个基于Flash技术的图表库,允许开发者通过XML或JSON数据格式创建交互式图表。由于Flash技术在Web应用中的使用减少,这个资源包也可能包含现代技术如Google Web Toolkit (GWT) 的集成。此压缩包提供了多种编程语言的库,包括Perl、Python、.NET 和 PHP,... 阅读详情

相关推荐

Open-Flash-Chart参数说明

Open-Flash-Chart参数说明 资源免费,如果帮到您,请您到 http://www.php8848.com 点广告支持下,谢谢 !

Open Flash Chart入门一

   OpenFlashChart是一个flash的图表,官方网站是http://teethgrinder.co.uk/open-flash-chart-2/,从官方下载压缩包。   OFC解压之后,里面有很多实例。首先是添加个open-flash-chart.swf,swfobject.js。关于json2.js还没弄清楚在什么情况下使用,最好加入到页面中。简单实例如下:

danwind的专栏 1618

OpenFlashChart

1.动画可交互的图表    2.简单但强大的Javascript集成    3.无需安装   4.简单易用    5.与服务器端语言独立(或说无关)    6.减少服务器端负荷    7.多种图表类型支持    8.完全免费

Open Flash Chart 开源项目教程

Open Flash Chart 开源项目教程 1. 项目的目录结构及介绍 Open Flash Chart 项目的目录结构如下: open_flash_chart/ ├── examples/ │ ├── bar_chart.html │ ├── line_chart.html │ ├── pie_chart.html │ └── ... ├── lib/ │ ├── ope...

gitblog_00609的博客 564

Open Flash Chart

NULL 博文链接:https://mrwillgo.iteye.com/blog/756716

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

这里面有两个java代码工程和 Open Flash Chart API。工程都是调试过的直接导入可用,代码都有详细的注释,如果你真是想用到报表之类的东西,肯定很不错了。 工程所需的jar 包 js文件都有,基本上很全。 第一步:下载Open Flash Chart工具最新软件包,将其中open-flash-chart.swf放到网站根目录,swfobject.js放到js目录下。如果是java项目,则还需将jofc2-1.0-0.jar和xstream-1.3.1.jar两个jar包加入项目。(xstream-1.3.1.jar这个包似乎不需要); 注: Js里应用非常简单,有三种方式:直接加载json文件、通过url方式获取json格式数据、直接通过set方法设置参数值。这方面不再多说,下面主要说明java方面的应用,并针对struts2,至于servlet及struts1用法基本类似。 第二步:在action里,通过各种方式获取数据信息,根据提供的jar包生成需要的图形类,再将图形类转化为字符串,返回view页面。(会自动转化为json格式的字符串) 第三步:view页面设计,页面中include必须的js及swf文件,指定图形要显示的区域,加载action返回的json数据,就可以显示图形了。 注:Open Flash Chart是根据传入的json数据的参数不同,来显示不同的chart图,非常的方便。只要学习下各种图形都包含哪些参数,把这些参数设置好,就能很容易的构建出一个图形。

open flash chart 使用方法

<br />我是用的是open-flash-chart-2-Kvasir,解压以后,只有4个文件需要<br /> <br />将php-ofc-library文件夹 js文件夹 open-flash-chart1.swf swfobject.js文件放入网站根目录。<br />另开文件,写入(加上ram1"+math.random()是为了使页面动态刷新后台数据,jishu是想要传入的参数。%26是代替&)<br />data-file路径就是插入图形的文件路径。<br /><mce:script type

wangyan8877的专栏 1817

open-flash-chart.swf支持中文X轴旋转显示,Y轴显示中文标题,大小2.75M

open-flash-chart 2的swf文件,支持中文X轴旋转显示,Y轴显示中文标题,大小2.75M。其实在官方open-flash-chart-2-Lug-Wyrm-Charmer.zip里面有,里面的名字就是open-flash-chart-SimplifiedChinese.swf。感谢我就下载一下吧。

open-flash-chart2

链接 http://www.oschina.net/news/10797/Open-Flash-Chart-2-0 open-flash-chart.rar http://123-reg-suspended.co.uk/open-flash-chart/download.php 各类图表示例代码 PieChart - Legend { "title":{"text":"...

ahhawox560566的博客 237

open-flash-chart例子(用了点JQUERY处理了下,好可视化)

做统计图不错,flash动画效果,用配置文件的形式存在。使用很方便

Linux新手必看:FinalShell连接不上?从检查IP到配置固定地址的完整排错指南

本文为Linux新手提供了FinalShell连接失败的完整排错指南,涵盖IP检查、SSH服务状态、防火墙配置和静态IP设置等关键步骤。通过详细的命令行操作和配置示例,帮助用户快速解决远程连接问题,提升Linux使用效率。

weixin_30675247的博客 753

open-flash-chart使用心得

open-flash-chart是一个flash图形工具,主要通过JS设置参数来控制图形的显示,主要有线、柱状及饼图. 基本上能满足数据统计分析的图形化显示需求。        优点:使用方便,一般浏览器都能支持使用,提供回调功能支持更高级的处理。 目录下JS是与swf交互的核心脚本,不过有些地方好像写得不大好,有些语法不遵从W3C标准,呵~~        一点见解:个人觉得用ajax请求

China盼盼 1808

西门子S7-200 SMART 实战解析:滑动平均值滤波算法在模拟量信号处理中的应用

本文详细解析了在西门子S7-200 SMART PLC中实现滑动平均值滤波算法的实战应用。通过处理模拟量信号如温度、压力等,该算法有效抑制信号干扰,提升系统稳定性。文章涵盖算法原理、程序框架、信号采集及调试优化,为工业自动化工程师提供实用指南。

gitlab7runner的博客 1152

open flash chart

官方网:http://teethgrinder.co.uk/open-flash-chart/index.php struts2 plugin open flash chart : http://www.connext.co.za/ http://cwiki.apache.org/confluence/display/S2PLUGINS/Connext+Graph+Plugin Open F...

bluelzx的专栏 184

如何免费快速的部署一个自用免VIP的自动追剧工具!NAS新玩法!豆瓣与迅雷结合,轻松实现自动下载电影自动追剧功能(支持Windows,群晖nas,飞牛nas,软路由,服务器等Docker快速部署)

追剧党狂喜!豆瓣追剧神器,自动添加云盘,自动下载,微信通知,一键搞定!

XiaoqiangClub的博客 4582

七天征服AutoSAR/SomeIP_01速成配置并代码生成

本文为AutoSAR中SomeIP配置开发的实操指南摘要,重点介绍通过通信矩阵快速构建SomeIP工程的方法。核心内容包括:1)基于Excel通信矩阵生成系统描述文件(arxml);2)在AutoSAR工具中导入文件自动生成协议栈配置,涵盖ETHIF、SoAd等模块;3)关键报错处理(COM/PDUR/SOAD/SD模块的配置修正);4)SomeIPXF的数据编解码配置;5)SWC组件与RTE任务映射。教程强调"先完成再完美"的实践原则,指导开发者快速生成基础代码框架,为后续协议调试奠定

大叔带刺的博客 303

open - flash -chart

open-flash-chart  有2个版本 chart1 的   http://teethgrinder.co.uk/open-flash-chart/       chart2的 :  http://teethgrinder.co.uk/open-flash-chart-2/tutorial.php  http://www.rednels.com/ofcgwt/Demo....

jsjqjy的博客 160

智能驾驶域控制器的“终极大考”:解析EOL测试的核心价值与技术实践

在智能驾驶技术高速发展的今天,域控制器(Domain Controller)作为车辆“大脑”的核心部件,承担着传感器数据处理、决策规划、执行控制等关键任务。然而,这个集成了数十个芯片、运行着数百万行代码的复杂系统,如何确保其出厂前的功能安全与性能稳定?答案就藏在被称为“生产线最后一道防线”的EOL(End of Line)测试中。

汽车电子软件领域知识分享 703

Open-Flash-Chart使用说明

<br /><br />open-flash-chart是一个flash图形工具,主要通过JS设置参数来控制图形的显示,主要有线、柱状及饼图. 基本上能满足数据统计分析的图形化显示需求。优点:使用方便,一般浏览器都能支持使用,提供回调功能支持更高级的处理。目录下JS是与swf交互的核心脚本,不过有些地方好像写得不大好,有些语法不遵从W3C标准,呵~~一点见解:个人觉得用ajax请求数据,然后在前台控制图形的显示比较好。比起在后台直接生成HTML代码返回直接打印的好,怎么说网络传输量可以减少些,而且用前者还可

万里船的专栏 2322

剪映专业版教程:用AI生成音乐MV并重新制作画面—《漂泊与归梦》完全原创实战

本文详细拆解如何用AI生成音乐MV并重新制作画面的全流程。以歌曲《漂泊与归梦》为例,首先用AI将歌词转化为带音乐的MP4文件;导入剪映后分离音频并删除原视频,通过“识别字幕”功能提取歌词文本并逐句核对修正;接着设置“向右擦除”动画并锁定字幕轨道;最后根据歌词意境配置动漫、风景等非真人画面规避审核风险。教程涵盖从AI生成、音频分离、字幕提取到画面重制的每个环节,助你打造完全原创、无侵权风险的音乐短视频。

深耕计算机专业知识与技术。 1074

解决k8s核心组件calico pod资源不创建问题

解决k8s核心组件calico pod资源不创建问题 1.问题描述 由于K8S集群Master节点故障,导致calico网络组件虽然处于Running状态,但是一直无法准备就绪,如下图所示 calico-node-lpt7h运行在master节点,第一时间紧急处理方法就是将其pod删除,让K8S自动重建该pod,使整个集群快速恢复 但是就当我将calico-node-lpt7h pod删除后,该pod始终无法自建,就好像是从来没有这个pod似的 2.解决方法 期初排查时,我觉得可能是由于当前master

江晓龙的博客 4806

Open-Flash-Chart学习总结

Open-Flash-Chart使用说明                  这两天研究了下图形工具, 觉得open-flash-chart还不错. 上来推荐推荐,哈哈~~~ 为什么选open-flash-chart呢?哈,因为图形比较漂亮,哈,而且用起来挺方便的!^_^             [PS: 好多人反应看不到图片。。。真晕! 不贴图了,贴图真麻烦!用一下我自己hi.baid...

sacred02的专栏 238

Probability and Statistics - 4th edition

Probability and Statistics - 4th edition

open flash chart2

  script/plugin install http://svn.pullmonkey.com/plugins/trunk/open_flash_chart/ Move the open_flash_chart.swf file into your RAILS_ROOT/public directory Move the swfobject.js file into your RAIL...

睡懒觉的程序员 174

VC中sqlite的使用

在VC中对sqlite的使用,实现数据库大批数据的快速插入,读取数据库中的数据在ListCtrl中显示

温度PID控制PLC程序

温度PID稳定控制程序,适用于欧姆龙PLC,对其他PLC也具有很大参考价值

open-flash-chart2系列教程

open-flash-chart2系列教程

Ray 191

汉书HE8,好用的汇编代码编写工具

汉书HE8,好用的汇编代码编写工具早期编写汇编代码所用功能强大

上一篇: rake db:migrate
下一篇: Use helpers in controllers or models
superweb
博客等级 码龄20年 0粉丝 77原创
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明:

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

余额充值