如何使用 googlecharts gem?

发布于 2024-11-09 11:44:43 字数 164 浏览 2 评论 0原文

我正在尝试使用 googlecharts (http://googlecharts.rubyforge.org/) gem。您将生成图表的代码放在哪里(例如 Gchart.line(:data => [0, 40, 10, 70, 20]) )?你如何显示它?

谢谢

I am trying to use the googlecharts (http://googlecharts.rubyforge.org/) gem. Where do you put the code to generate a chart (like Gchart.line(:data => [0, 40, 10, 70, 20]) )? How do you display it?

Thanks

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(2

染柒℉ 2024-11-16 11:44:43

调用 Gchart.line() 仅返回一个字符串,该字符串是相应 Google 图表图像的 URL。例如 Gchart.line(:data => [0, 40, 10, 70, 20]) 返回 "http://chart.apis.google.com/chart?chd= s:AjI9R&cht=lc&chs=300x200&chxr=0,0,70"

因此,要在页面上显示图表,您需要使用此生成的 URL 的来源创建一个图像标记。您可以直接从视图调用 Gchart 或在控制器中设置变量。

例如:

控制器 @line_chart = Gchart.line(:data => [0, 40, 10, 70, 20])

查看 <%= image_tag(@line_chart) %>

这将生成一个图像标签,如下所示:

Calling Gchart.line() simply returns a string that is the URL for the corresponding Google Chart image. E.g. Gchart.line(:data => [0, 40, 10, 70, 20]) returns "http://chart.apis.google.com/chart?chd=s:AjI9R&cht=lc&chs=300x200&chxr=0,0,70".

So, to display a chart on your page, you will need to create an image tag with a source of this generated URL. You can call Gchart directly from the view or set up the variable in your controller.

For example:

Controller @line_chart = Gchart.line(:data => [0, 40, 10, 70, 20])

View <%= image_tag(@line_chart) %>

This will generate an image tag like so: <img src="http://chart.apis.google.com/chart?chd=s:AjI9R&cht=lc&chs=300x200&chxr=0,0,70"/>.

池予 2024-11-16 11:44:43

所提供的链接上的文档在用例方面信息不多,但我几乎肯定您需要在视图中进行该调用。类似于:

<%= Gchart.line(:data => [0, 40, 10, 70, 20]) %>

将输出创建图表所需的 html。

The documentation on the link provided isn't very informative in regards to use cases, but I'm almost positive that you need to make that call in a view. Something like:

<%= Gchart.line(:data => [0, 40, 10, 70, 20]) %>

will output the html required to create the chart.

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文