java - 在 Chartkick 中更改时间线

Question

我正在使用 Chartkick 来可视化多系列折线图。代码如下:-

<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>

脚本的输出是-



现在我的问题是我可以编辑图表中的所有内容，但我不能更改图表的时间线。 就像当前图表中的时间线 = [2013 年 2 月 15 日、2013 年 2 月 22 日、2013 年 3 月 1 日、2013 年 3 月 8 日、2013 年 3 月 15 日、2013 年 3 月 22 日、2013 年 3 月 29 日]
我想以 = [jan, feb, mar, apr, may, jun, jul, aug, sep, oct, nov, dec] 的形式更改当前时间线

Answer 1

我没有使用过 Chartkick...但是对于相同的要求我使用了 dviz-master api 并达到了我的要求... 代码如下-

折线图

<pre><code>
Name, cat-A,cat-B , cat-C
Jan, 1, 2, 3
Feb, 4, 5, 6
Mar, 7, 8, 9
</code></pre>
<p><code>(@line)</code></p>

输出会像