问题标签 [chartkick]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
619 浏览

ruby-on-rails-3.2 - Rails 3.2 Chartkick 折线图分组查询无法正确显示

我正在尝试使用 chartkick 显示一个多系列折线图,该折线图按月跟踪过去一年的总入站和出站物料流。

查询应生成类似于以下内容:

我的图表踢代码如下:

我从 chart kick 得到的结果是每个系列的一条线只有两个数据点,一个在 2013 年 12 月 31 日,一个在 2014 年 12 月 31 日。

对数据库运行上述 SQL 生成 9 个结果,范围从 6/2014 到 2/2015

为什么数据集不同?我的图表踢的语法错误吗?我需要以某种方式更改查询吗?

我在这里先向您的帮助表示感谢!

0 投票
1 回答
126 浏览

ruby-on-rails - 使用 Chartkick,我的解决方案的第一部分开始工作,需要在图表中有多个条形图

我有我的图表填充项目中的小时数,我遇到的问题是显示每个项目名称而无需对其进行硬编码,然后辨别两者之间的小时数,比如 A 有 3 小时,B 有 4 我正在尝试在不同的栏上显示每个。

我的视图如下所示:

我的控制器看起来像这样

希望我能找到一些帮助!谢谢你!

0 投票
0 回答
1447 浏览

ruby-on-rails - 如何使用 Chartkick 自定义 Google Charts 中的图例

我正在使用 Chartkick 可视化我的 Ruby-on-Rails 项目中的一些统计数据。Chartkick 基于谷歌图表。有没有办法在图表的图例中自定义数据输出?

例如:

它给 在此处输入图像描述

但我需要这样的东西: 在此处输入图像描述

即传说中的更多信息。我怎样才能得到它?

0 投票
0 回答
145 浏览

javascript - Javascript + Chartkick 多个数据集或分组

我有一个这样的数据集:

我正在使用Javascript蚂蚁Charkick。我想制作图表,该图表将在salesY axis,并且将在SalesMonthX axis,但按 分组CustomAreaCode。最终图表应该类似于示例中的图表(对不起我的绘画技巧): 在此处输入图像描述

我创建图表的代码:

我目前拥有的数据 JSON(不知道在哪里放置区号):

0 投票
2 回答
723 浏览

ruby-on-rails - 如何在chartkick饼图中获取枚举标签而不是整数值

性别定义为:

enum gender: {male: 1, female: 2, other: 3}

chartkick 用于在饼图中表示性别数据

pie_chart @registrations.group(:gender).count

如何获得饼图的标签为男性/女性而不是整数值 1/2 等..?

0 投票
1 回答
474 浏览

ruby-on-rails - chartkick 为什么 x 轴是日期

我创建了一个自定义哈希,但 x 轴显示为日期。我希望它只显示散列中的值(1、2、3 等......)。这是我第一次使用 chartkick,所以我不知道为什么会这样。

显示的是 2000 年 1 月 1 日,值为 504,2000 年 2 月 1 日,值为 499,3 月 1 日等......

当我将 @chart_hash 设置为数组而不是哈希(如下所示)时,我在 x 轴上得到时间而不是日期。

应用程序.html.erb

_chart.html.erb

@chart_hash

0 投票
1 回答
250 浏览

jquery - 在对话框中的第二次渲染时发出渲染 Chartkick

我在我的应用程序中安装了 Chartkick gem,第一次在 jquery 对话框中呈现图表时一切正常:

在此处输入图像描述

但是第二次我打开一个带有图表的对话框而不重新加载我得到的页面:

在此处输入图像描述

我得到这个显示的方式是:

控制器:

主视图:

lanes_chart.js.erb

_chart_lanes.html.erb

(每次部分替换图表 div)

应用程序.js 文件

我遇到了与在对话框中渲染谷歌地图类似的问题,并且能够通过在对话框的打开功能上初始化谷歌地图来修复它,如下所示:

我想我将不得不对 Chartkick 做同样的事情,但不知道该叫什么。

0 投票
2 回答
1004 浏览

javascript - Chartkick Rails 4 带有多个图表的条形图问题

我有一个问题,我在一个页面上有多个民意调查问题。很简单,在回答问题后,控制器会调用 AJAX,并使用 Chartkick gem 和 Google jaspi 库渲染显示图表的 js.erb。这仅适用于单个图表。但是,拥有多个条形图(每个已回答问题一个)是一个问题。发生的情况是最近回答的问题会覆盖错误 div 中的问题图表,并仅在最后回答的问题中显示加载。

这是基本代码。

在视图中:

一旦问题得到回答,上面的 div 就会与图表一起显示。

在控制器中:

然后在上面块中渲染的 js.erb 文件中:

任何帮助将不胜感激。我需要为每个问题显示正确的图表并可靠地加载它们。有没有办法区分我丢失的图表或对象的实例?谢谢。

0 投票
0 回答
231 浏览

ruby-on-rails - Rails Chartkick - 如何与字符串进行比较?

目前正在学习如何使用 rails/ruby 并想使用 Chartkick 做一些绘图。按照一些教程,我播种了以下虚拟数据

我正在尝试绘制一个折线图,我可以在其中为每个唯一国家/地区生成一个 div(graph),并使用以下代码按日期分组访问计数

但我在查询时遇到问题。我尝试过使用 where、group 和其他条件,但它总是会引发一些语法错误。我如何与“输入”进行比较?

0 投票
1 回答
912 浏览

google-visualization - 在 Rails 4 应用程序中将 Chartkick 图转换为图像服务器端

您如何在 Rails 4 应用程序中将 Chartkick(使用谷歌图表)图形转换为服务器端的图像?