fusion图标使用手册.docVIP

ROR中图标FusionCharts的用法 作者 杨海军 2011年7月23日 一、安装FusionCharts 将FusionCharts文件夹（Download Package Code FusionCharts）拷贝到TimeTrackerApplication的public目录下。 将Download Package Code FusionCharts文件夹中的FusionCharts.js拷贝到public/javascripts文件夹下。 将Download Package Code RoR Libraries文件夹中的fusioncharts_helper.rb拷贝到TimeTrackerApplication的lib目录下。 至此，FusionCharts的安装就已经完成了。 在application_helper.rb中添加包涵Fusion语句 require fusioncharts_helper include FusionChartsHelper 注意：在某些fusioncharts_helper文件中没有定义get_FC_color方法。如果没有就要自己定义。 二、指定一个到图表的链接 列表1 td%= link_to Time Chart, {:action=view_timesheet_chart,:id=employee.id} %/td 图1 3.1 编写控制器 列表2 EmployeesController def view_timesheet_chart start_date= 2008-12-01 end_date=2008-12-07 @employee_id = params[:id] employee_details_with_timesheets = Employee.find_with_timesheets_in_date_range(@employee_id,start_date,end_date) if(!employee_details_with_timesheets.nil?) @employee_details_with_timesheets =employee_details_with_timesheets[0] else @employee_details_with_timesheets =nil; end headers[content-type]=text/html end 这个动作以员工id为参数，它向Employee模型查询指定员工在特定时间范围内的工时表。我们将在Employee模型中加入如列表3所示的函数： 3.2 编写模型 列表3 Employee.rb ef self.find_with_timesheets_in_date_range(id,start_date, end_date) conditions=employees.id =? and log_date between ? and ? employee_details_with_timesheets=self.find(:all, :include=timesheets,:conditions= [conditions,id,start_date,end_date], :order=log_date asc) return employee_details_with_timesheets end 最后，这个动作会渲染“view_time_chart.html.erb”文件。“view_time_chart.html.erb”模板使用的布局模板是“employee.html.erb”，所有employees控制器的视图都会采用这个布局模板。 3.3 编写视图文件 列表4 view_timesheet_chart.html.erb （在app/views/employees文件夹中） %= javascript_include_tag FusionCharts% % str_xml=render :file = employees/timesheet_data render_chart /FusionCharts/Column3D.swf , , str_xml , TimeChart , 650, 400, false, false do-% % end-% 说明： 创建图表 - 3D柱状图，它的数据来自于strXML； render_chart(cha