问题标签 [chartkick]

如何使用日期查看 x 轴上的月份和年份？和y轴的值？用图表踢

我正在使用 Chartkick，我有兴趣使用 Renderer Chart Highcharts

但是在 charkick 中没有关于它的文档我如何在 Rails 中为动态数据实现它

I am using Chartkick for visualization of multiple series line chart. The code is below :-

<h1>Multiple Series Line</h1> <div id="chart-4" style="height: 300px;"></div> <script> new Chartkick.LineChart("chart-4", [{"name":"Workout","data":{"2013-02-10 00:00:00 -0800":3,"2013-02-17 00:00:00 -0800":3,"2013-02-24 00:00:00 -0800":3,"2013-03-03 00:00:00 -0800":1,"2013-03-10 00:00:00 -0800":4,"2013-03-17 00:00:00 -0700":3,"2013-03-24 00:00:00 -0700":2,"2013-03-31 00:00:00 -0700":3}},{"name":"Go to concert","data":{"2013-02-10 00:00:00 -0800":0,"2013-02-17 00:00:00 -0800":0,"2013-02-24 00:00:00 -0800":0,"2013-03-03 00:00:00 -0800":0,"2013-03-10 00:00:00 -0800":2,"2013-03-17 00:00:00 -0700":1,"2013-03-24 00:00:00 -0700":0,"2013-03-31 00:00:00 -0700":0}},{"name":"Wash face","data":{"2013-02-10 00:00:00 -0800":0,"2013-02-17 00:00:00 -0800":1,"2013-02-24 00:00:00 -0800":0,"2013-03-03 00:00:00 -0800":0,"2013-03-10 00:00:00 -0800":0,"2013-03-17 00:00:00 -0700":1,"2013-03-24 00:00:00 -0700":0,"2013-03-31 00:00:00 -0700":1}},{"name":"Call parents","data":{"2013-02-10 00:00:00 -0800":5,"2013-02-17 00:00:00 -0800":3,"2013-02-24 00:00:00 -0800":2,"2013-03-03 00:00:00 -0800":0,"2013-03-10 00:00:00 -0800":0,"2013-03-17 00:00:00 -0700":1,"2013-03-24 00:00:00 -0700":1,"2013-03-31 00:00:00 -0700":0}},{"name":"Eat breakfast","data":{"2013-02-10 00:00:00 -0800":3,"2013-02-17 00:00:00 -0800":2,"2013-02-24 00:00:00 -0800":1,"2013-03-03 00:00:00 -0800":0,"2013-03-10 00:00:00 -0800":2,"2013-03-17 00:00:00 -0700":2,"2013-03-24 00:00:00 -0700":3,"2013-03-31 00:00:00 -0700":0}}]); </script>

and the output of the script is-



Now my question is i am able to edit everything in the chart but i can't change the time line of the chart. Like the time line present in current graph = [15 Feb 2013, 22 Feb 2013, 1 Mar 2013, 8 Mar 2013, 15 Mar 2013, 22 Mar 2013, 29 Mar 2013]
I want to change the current time line in the form like = [jan, feb, mar, apr, may, jun, jul, aug, sep, oct, nov, dec]

我得到了一个 line_chart 表格数据。

现在我想要一条额外的线穿过整个图表并指示我数据的平均值。有人知道是否有这样的选择吗？我试图用两条线绘制一个图表，其中一条线由实际数据组成，另一条线由重复多次以绘制一条线的单个值组成。但我就是想不通如何把它放到代码中......

有人有线索吗？

我正在使用chartkick gem 来显示图表。我遵循了正确的安装文档，但是每当我尝试使用他们的方法时

它在萤火虫 ReferenceError 中显示错误：未定义 Chartkick

我想针对帖子显示一个简单的视图条形图。我正在使用Impressionist gem 来跟踪每个帖子的印象数，并且我正在使用Chartkick gem 创建条形图。

这是我认为的代码：

两个 gem 在其他领域都运行良好，上面的代码没有任何错误通过，但是呈现的是一个带有准确图例的空条形图。

似乎应该有一个简单的解决方案，但我找不到它！

任何帮助，将不胜感激。

我正在使用 chartkick 使用以下代码制作多系列折线图：

这就是它的样子：

基本思想是蓝色是用户输入的东西，红色是他们的目标，黄色以一种“趋势线”加入用户最近进入的目标。我想将趋势线自定义为没有端点 ( pointSize: 0) 并用虚线 ( lineDashStyle: [5,5])，但不是其他两个。我试着这样做

但它没有用，因为我得到了与以前相同的输出并尝试这样做

但这使得所有线条都像预期的那样虚线并消失了所有点：

那么如何使这些属性仅适用于一条曲线而不适用于其他两条曲线呢？如果没有直接的chartkick 实现，那么了解我如何仅使用谷歌图表来做到这一点也会很有帮助。只要我得到功能！

--

编辑1：看到这个之后，我尝试使用该series选项来改变一些参数（这里：lineWidth因为它最容易输入），但这也不起作用，我收到一条错误消息。这是我的代码：

和

但我只得到了错误

说我有以下代码

使用chartkick，这将产生以下图表

我希望使用整数标记垂直轴。（不是小数）我认为该discrete选项应该这样做，但对于这个例子，它所做的只是将水平轴上元素的格式从时间更改为数字（即以下代码

产生这个

）。

discrete所以我的问题是：除了将实际上是数字的日期更改为数字之外，究竟做了什么。如何使用它使垂直轴上的数字成为整数？（或者，如果它不能用来做这个，我可以用什么？）

我在我的 RoR 项目中使用chartckick来生成图表，效果很好。（连同谷歌图表）。

我创建了一个只有2 个条形图（男性和女性）的柱形图。

现在客户希望每个条有不同的颜色？那可能吗？

我看过这篇文章 -如何更改使用 Chartkick 创建的柱形图的颜色？但它已经有半年多了，我希望现在有一种方法可以为条形指定更多颜色。

更新

我的代码如下所示：

控制器

看法

帮手

更新 2 - GitHub 上的问题

我正在以这种方式生成图表（使用 Google Chart）：

图表生成得很好，但我正在尝试更改一件事 - 工具提示如下所示：

工具提示中的信息是正确的，但我不想显示Oct 19, 2014, 2:00:00 AM我只想显示Oct 19, 2014。

有什么办法可以用 Chartkick 做到这一点吗？

非常感谢您的宝贵时间。