问题标签 [chartkick]

我试图使用 Chartkick 生成显示在 Rails 活动管理仪表板上的图表。这是我正在使用的教程：http: //www.patrickedelman.com/simple-charting-for-activeadmin/

但是，图表没有显示，而是显示“正在加载...”

我已经包含了 javascript_include_tag "//www.google.com/jsapi"、"chartkick" 并安装了 gem chartkick，但它仍然无法正常工作。

请帮忙！谢谢你。

我有以下数据结构：

我想显示一个按年份分组的Chartkick 柱形图。我在 Rails 视图中尝试了以下计划调用：

但它显示一个空图表。分组数据的方法是什么？

这是我使用计划Google Chart APIs得到的。

我正在使用groupdategem 将记录与日期/时间分组。我想对记录进行分组并选择具有子句的用户，然后将记录与日期/月份/时间分组。但它没有给出我想要的正确结果。例如：

我正在使用它来显示使用chartkickgem 的图表。

任何帮助将不胜感激。

我正在尝试让Rails 中的 Chartkick使用 JSON 数据源。
当pie_chart User.group(:language).count我得到预期的饼图时指定一个图表。

但是当将图表指定为：pie_chart /path_to_report_data从数据控制器方法时，我什么也得不到。也就是一个空的、空白的图表（里面没有数据）

我的数据控制器：

我的观点：

我可以看到数据是通过 Ajax 调用传递给指定的控制器的。

我正在尝试将 Highcharts 添加到已经安装了 chartkick gem 的 Rails 4 项目中。

当我使用 Google 图表库时，所有图表似乎都按预期运行。当我改为添加 Highcharts 时，我看不到任何图表。

我已经确定了以下内容： 1) 如果我将 '= javascript_include_tag "components/highcharts.js", "chartkick" ' 添加到我的布局页脚中，Rails 会提示我也将此资产添加为初始化程序。2）如果我将它添加到初始化程序中，我可以加载页面，但未加载图表。如果我查看 Firebug，我会收到一条错误消息，指出 Highcharts 已加载两次。

我也尝试将 Highcharts JS 添加到我的 application.js 中，但没有任何运气（页面已加载，但仍然没有显示图表）

有任何想法吗？

I'm currently having an issue getting a running total for a some data to be used on a Rails app with Chartkick and acts_as_taggable_on.

I want my users to search for items with tags, where my @items is:

My x-axis is the created_at date for my items and my y axis is just a :result from my model, which is an integer. I want each item on the x-axis to be a running total including the last value (a positive or negative number).

If i set:

and use this for chartkick:

The chart works great, BUT it's obviously not filtering what's being charted with my search params.

As soon as I change @chart to @items for my line chart which filters via the search params I get the error:

I've tried creating different scopes in my model to try to help the situation but it doesn't seem to help thus far.

I'd really appreciate any help.

我正在使用 Chartkick 使用 Google api 显示此地图：

现在，如果我将一个字符串作为第二个值传递给它，它将不起作用。但是一个整数会。

有没有办法从轨道上实现这一点？我检查了谷歌文档和chartkick，它没有在任何地方提到它。

谢谢！

供参考：https ://developers.google.com/chart/interactive/docs/gallery/geochart#important

我正在使用ChartKick ruby​​ gem，想知道如何传入一个参数来调整百分比字体大小并隐藏第二个百分比的文本。

我正在引用这个并且可以通过这样做来隐藏两个百分比，pieSliceText: 'none'但无法弄清楚如何让它只适用于第二个百分比。fontSize 参数也没有调整字体大小。有什么建议么？

我希望蓝色右侧的百分比文本更大，左侧的百分比文本被隐藏。

I'm currently trying to display some data using chartkick in Rails. I have a 4 sets of data already on the chart where each point contains the same x data, the create at date for the klass_result_set.

I now want to add a list of tasks to be displayed on the grid and was happy to settle for now with points along the bottom of the chart however if I try and add these tasks the datapoints stop joining up.

Is there a way to get this to work correctly? Do I need to concat the dates for both sets and use null/nil values?

Image

http://s9.postimg.org/l4pu1pl67/chartkick_issue.png

Code snippets:

...

Cheers

编辑

自从最初发布这个问题以来，我又走了几条路来试图解决这个问题。它仍然没有解决，但现在我的问题不同了。原始问题在下面，然后我将在下面添加一个带有更新的部分。

原始问题

我正在开发 Rails 4 应用程序，但在使用 JavaScript 和 Chartkick gem 时遇到了一些问题。

我有两个 JavaScript 函数，这样用户可以单击一个图标，一个元素将下拉到图标下方/出现在页面上，并且图标将从右箭头切换到下箭头。代码是这样的：

还有火腿：

有用。但是，我希望下拉的项目占据页面的整个宽度，如下所示：

但是，当我第一次单击切换图标时，它们显示为压扁的，如下所示：

如果我然后稍微调整浏览器的大小，图表就会弹出到全角，无论我从那里做什么，它都会保持这种状态。我不知道如何获取生成的标记，因为这个图表来自 Chartkick，作为一个宝石。在浏览器中生成的 html 有这一行：

当我更改浏览器大小时，width: 300px正在更改的内容在哪里。width: 1000px我不必永久或显着更改浏览器大小。一旦该宽度在第一次停留在那里时更改为 1000 像素 - 但是当我刷新页面并单击图标再次切换图表时，它又回到了 300 像素。我不知道如何挂钩到这个 div，因为它是由 gem 生成的，我不知道如何向它添加一个类。我尝试向父元素添加样式，以确保所有父元素的子元素都是width: 100%，但这无济于事。

无论如何，我不认为向它添加一个类是这里的解决方案。我只是不知道是什么——我的 JavaScript 不太好。作为一个整体，我对所有前端工作几乎是全新的。这里发生了什么，如何使这些图表在切换时始终是页面的全宽？

注意：我在 Chrome 中测试这个。我在 Firefox 中进行了测试，它做同样的事情。

好的，我开始怀疑这是否与我使用 JavaScript 函数来捕获动态项目 ID 的事实有关——一个页面可能有任意数量的这些可切换图表，因此调用每个 id 上的 jQuery 函数似乎是不可能的，因为我不知道 ID 是什么。

但是，我删除了 jQuery 调用，但问题仍然存在。

在堆栈溢出问题框还没有回答我的问题时，其中一次是橡皮擦。所以我想我会在这里提交并希望得到外界的帮助。：/

调整问题

Chartkick 的 Github 问题中的这个问题让我走上了一条不同的道路。解决方案不一定是尝试重新设计图表的样式。相反，我想要做的是触发调整大小事件，因为当浏览器窗口调整大小时图表会自动重新生成。这既是导致问题的原因，也是解决方案的所在。

我的代码：

所以这里的意图是，当我单击 时.panel-heading，它会下拉.panel-body其中的图表并调整窗口大小，从而使图表正确调整大小（或者更确切地说，应该）。

它的工作原理是，当我第一次单击.panel-heading触发器时，它不会调整图表的大小，但是当我再次单击它时，图表会在一瞬间完美地调整大小……就在它们再次被隐藏之前。:(

我尝试向 javascript 添加超时，如下所示：

但它似乎根本没有做任何事情。

所以我在这里想知道的是，resize一旦下拉列表出来，如何让这个事件起作用.panel-body，以便图表能够自行调整大小。

这是当前问题的屏幕截图，以防我描述得不够清楚：

https://youtu.be/5quMGABoDs8