`

google_chart插件画图

阅读更多
google_chart 画图 插件

def venn_diagram  
  require 'google_chart'  
  GoogleChart::VennDiagram.new("400x400", 'Venn Diagram') do |vd|  
      vd.data "Blue", 500,'0000ff'  
       vd.data "Green", 400, '00ff00'  
       vd.data "Red", 300, 'ff0000'  
       vd.intersections 200, 100, 50  
       @chart1 = vd.to_url  
   end  
   GoogleChart::BarChart.new('800x200', "Bar Chart", :vertical, false) do |bc|  
       bc.data "beijing", [20000], '0000ff'  
       bc.data "shanghai", [18000], 'ff0000'  
       bc.data "tianjin", [10000], '00ff00'  
       bc.data "nanjing", [8000], '00aaff'  
       bc.data "guangzhou", [16000], '0effee'  
       bc.data "shenzhen", [14000], 'eeff00'  
       @chart2 = bc.to_url  
   end 
  
  GoogleChart::PieChart.new('320x200', "Pie Chart",false) do |pc|  
      pc.data "very good", 300  
      pc.data "good", 200  
      pc.data "just so so", 100  
      pc.data "bad", 180  
      pc.show_labels = true  
      @chart3 = pc.to_url  
   end  
  GoogleChart::LineChart.new('320x200', "Line XY Chart", true) do |lcxy|  
      lcxy.data "amount", [[1,56], [2,48], [3,68], [4,59], [5,66], [6,67], [7,59]], '0000ff'  
      @chart4 = lcxy.to_url  
  end 
 
 end  


view 代码:
<%= image_tag @chart1 %> 
<%= image_tag @chart2 %> 
<%= image_tag @chart3 %> 
<%= image_tag @chart4 %> 


网上看到了 以后也许要用备注下

 
分享到:
评论

相关推荐

    Smith_chart_4.1最新版

    《斯密斯圆图工具Smith_chart_4.1:电路设计与分析的得力助手》 在电子工程领域,尤其是在微波和射频系统的设计中,斯密斯圆图(Smith Chart)是一种不可或缺的工具。Smith_chart_4.1是2018年发布的最新版本,它...

    strip_chart画图程序

    "strip_chart画图程序"就是这样一个工具,它利用strip_chart控件来创建图形,特别是用于画曲线,使得用户可以方便地展示和理解数据的变化趋势。 首先,我们要了解strip_chart。strip_chart是一种简单的图表控件,常...

    ImageMagick-python-bar_chart_race可视化库插件

    执行bar_chart_race可视化库解决Exception: list index out of range错误

    Protograph_EXIT_chart-master_protograph_potatoesxu5_voyage1m6_ld

    本篇文章将深入探讨标题“Protograph EXIT_chart-master_protograph_potatoesxu5_voyage1m6_ld”所涉及的知识点,并结合压缩包内的文件"Protograph_EXIT_chart-master"进行阐述。 一、Protograph概念 Protograph是...

    MFC_Hierarchy_Chart.zip_Hierarchy Chart p_MFC Chart_chart mfc_v

    MFC_Hierarchy_Chart.zip文件中的内容显然与MFC类库的层次结构图有关,这是一份详细展示MFC各类之间的关系和组织结构的图表。这份图表通常会帮助开发者理解和导航MFC框架,从而更有效地进行Windows应用程序的开发。 ...

    Smith_chart_4.1-斯密斯圆图工具.rar

    斯密斯圆图(Smith Chart)是无线电工程和通信领域中一种重要的工具,它由美国工程师Harold Smith在1939年发明,主要用于解决微波电路中的阻抗匹配问题。斯密斯圆图能够直观地展示出无源或有源微波组件的复数阻抗与...

    Flash_Chart_星盘

    Flash_Chart_星盘软件

    rails open_flash_chart

    "Rails Open Flash Chart" 是一个基于Ruby on Rails框架的库,用于在Web应用程序中生成交互式的Flash图表。这个库允许开发者轻松地创建各种统计图表,如折线图、柱状图、饼图等,以便更好地可视化数据。由于Flash在...

    open-flash-chart-1.9.6.zip_chart_flash chart_open_open flash cha

    【标题】"open-flash-chart-1.9.6.zip" 是一个开源的Web图表组件的压缩包,其核心是 "OpenFlashChart"。这个组件专为在网页上以Flash格式展示各种统计图表而设计,包括但不限于曲线图和饼图。它提供了一种灵活的方式...

    CCI_Chart - MetaTrader 5脚本.zip

    "CCI_Chart - MetaTrader 5脚本.zip"包含了一个名为"cci_chart.mq5"的脚本,这是针对MT5平台定制的。脚本文件在MT5中执行一次性的任务,不同于EA(Expert Advisor)会持续监控市场并自动执行交易。此脚本可能将CCI...

    开源甘特图Gantt_Chart(C#版本)

    开源甘特图Gantt_Chart(C#版本)是一款基于C#编程语言开发的项目管理工具,主要用于可视化地展示任务进度和时间线。甘特图在IT行业中被广泛应用于项目计划和跟踪,它通过条形图的形式清晰地表示出任务的开始时间、...

    open_flash_chart 开源 免费 图表控件 .net

    **open_flash_chart** 是一个基于Flash的开源图表库,专为.NET开发者设计,提供免费的图表绘制功能。这个控件允许程序员创建丰富的、交互式的图表,适用于数据可视化的需求,如统计报告、数据分析或者Web应用程序中...

    Jquery图表JQuery_Chart

    JQuery_Chart是一款基于jQuery库开发的图表插件,它为网页开发者提供了丰富的图表类型,包括线图、区域图、饼图和柱状图等,极大地简化了在Web页面上展示数据和统计信息的过程。这款插件易于使用,且功能强大,能够...

    VB.net_classical_chart_test_program_code.rar_chart vb.net_chart

    VB.net图表测试程序经典代码VB.net classical chart test program code

    SSL_Channel_Chart - MetaTrader 5脚本.zip

    SSL_Channel_Chart是针对MetaTrader 5交易平台设计的一款脚本,它基于SSL指标(Sequential Signal Line,序列信号线)并进行了扩展,以提供更丰富的视觉效果和交易指导。这款脚本将SSL指标与通道和彩色云相结合,为...

    chart_test.rar_chart_chart曲线

    在IT行业中,图形曲线绘制是一项基础且重要的技能,...通过解压并分析"chart_test.rar"中的内容,开发者可以深入理解如何在VC++环境中利用TeeChart或其他类似库进行曲线图表的创建和定制,从而提升数据可视化的能力。

    Open_flash_chart_2相关资料(全)

    Open_flash_chart_2是一款强大的Flash图表库,它允许开发者创建美观、交互式的图表,用于Web应用程序的数据可视化。这个压缩包包含了一系列与Open_flash_chart_2相关的文件,它们是实现图表功能的重要组成部分。以下...

    fl_chart:功能强大的Flutter图表库,当前支持折线图,条形图,饼图和散点图

    1. **Flutter框架**:`fl_chart`是基于Google的Flutter框架开发的,Flutter是一款跨平台的UI工具包,允许开发者使用Dart语言编写代码,一次编写,多平台运行(包括iOS和Android)。 2. **图表类型**: - **折线图...

    bar_chart_race:条形图比赛Ouvintes

    **条形图比赛库——bar_chart_race** 在Python的数据可视化领域,`bar_chart_race`库是一个独特的工具,它允许我们创建动态的条形图比赛,展示数据随时间的变化。这种类型的图表非常适合展示随着时间推移各个类别的...

Global site tag (gtag.js) - Google Analytics