1

グラフの点が線で結ばれないのはなぜですか? 最後の配列項目にデータがないことはわかっていますが、それが問題だとは思いません。

[1] pry(#<#<Class:0x007fb1936e6828>>)> result
[ 
[0] {
        :name => "Positive Room Pressure",
        :data => {
        Thu, 12 Jun 2014 16:25:28 UTC +00:00 => true,
        Mon, 16 Jun 2014 19:27:21 UTC +00:00 => true,
        Tue, 01 Jul 2014 08:58:40 UTC +00:00 => true,
        Mon, 07 Jul 2014 19:21:42 UTC +00:00 => true,
        Wed, 23 Jul 2014 20:43:23 UTC +00:00 => true,
        Wed, 23 Jul 2014 21:05:04 UTC +00:00 => true,
        Fri, 25 Jul 2014 05:24:18 UTC +00:00 => false,
        Mon, 25 Aug 2014 13:29:40 UTC +00:00 => true
    },
    :discrete => true
},
[1] {
        :name => "Room Humidity",
        :data => {
        Fri, 16 May 2014 12:13:07 UTC +00:00 => 65.0,
        Tue, 10 Jun 2014 19:27:53 UTC +00:00 => 64.0,
        Wed, 11 Jun 2014 15:45:17 UTC +00:00 => 65.0,
        Thu, 12 Jun 2014 16:25:27 UTC +00:00 => 25.0,
        Mon, 16 Jun 2014 19:27:22 UTC +00:00 => 66.0,
        Mon, 16 Jun 2014 20:35:34 UTC +00:00 => 97.0,
        Tue, 01 Jul 2014 08:58:46 UTC +00:00 => 70.0,
        Mon, 07 Jul 2014 19:22:25 UTC +00:00 => 52.0,
        Wed, 23 Jul 2014 21:05:18 UTC +00:00 => 65.0,
        Mon, 25 Aug 2014 13:29:32 UTC +00:00 => 0.3
    },
    :discrete => true
},
[2] {
        :name => "Ambient Temperature",
        :data => {
        Fri, 16 May 2014 12:13:10 UTC +00:00 => 33.0,
        Tue, 10 Jun 2014 19:28:05 UTC +00:00 => 32.5,
        Wed, 11 Jun 2014 15:45:25 UTC +00:00 => 33.0,
        Thu, 12 Jun 2014 16:25:40 UTC +00:00 => 34.0,
        Mon, 16 Jun 2014 19:27:23 UTC +00:00 => 26.0,
        Tue, 01 Jul 2014 08:58:51 UTC +00:00 => 25.0,
        Mon, 07 Jul 2014 19:22:33 UTC +00:00 => 34.0,
        Wed, 23 Jul 2014 21:05:29 UTC +00:00 => 23.0,
        Tue, 12 Aug 2014 22:39:31 UTC +00:00 => 41.0,
        Mon, 25 Aug 2014 13:29:31 UTC +00:00 => 23.0
    },
    :discrete => true
},
[3] {
        :name => "smell",
        :data => {},
    :discrete => true
}

]

![私のテストチャート][1]

[1]: http://i.stack.imgur.com/u4JkJ.jpg強いテキスト

チャートを生成する ERB は次のようになります。

4

4 に答える 4

2

私もこの問題に遭遇し、日付フィールドがすべて同じ値であることを確認して修正しました。日単位で集計を行っていたため、フィールドの時間値は無意味でした。DateTime オブジェクトを Date オブジェクトに変換することで、この問題をすぐに修正しました。

User.first.created_at.to_date

これが役立つことを願っています！

于 2014-12-03T18:44:57.233 に答える
1

以前の回答で述べたように、これはデータ ポイントが x 軸の値を共有していないことが原因のようです。ただし、Highcharts はこのような不規則なデータを問題なく処理し、chartkick でサポートされています。Googleチャートの代わりにHighcharts（および依存関係としてjQuery）をソースするだけです。

<script src="https://code.jquery.com/jquery-2.1.4.min.js"></script>
<script src="http://code.highcharts.com/highcharts.js"></script>
<script src="path/to/chartkick.js"></script>

デモについては、http ://www.highcharts.com/demo/spline-irregular-time をご覧ください。

于 2015-11-01T00:04:34.497 に答える
0

私も同じことに遭遇しましたが、これはデータ ポイントが X 軸の値を共有していない場合に発生することがわかりました。したがって、あなたの例では、ハッシュキーは配列内の各ハッシュで同じである必要があります。

編集 (2): Google Charts 散布図 ( https://developers.google.com/chart/interactive/docs/gallery/scatterchart ) を直接使用して、これを機能させました。データを機能させるには、いくつかの順列を実行する必要がありました...複数折れ線グラフの効果を得るには、データを次のようにする必要があります。

[['count',                  'users', 'page views', 'bounces'],
 [ new Date('09 Oct 2014'),   0,       null,         null ],
 [ new Date('10 Oct 2014'),   1,       null,         null ],
 [ new Date('11 Oct 2014'),   3,       null,         null ],
 [ new Date('12 Oct 2014'),   3,       null,         null ],
 [ new Date('09 Oct 2014'),   null,    2,            null ],
 [ new Date('11 Oct 2014'),   null,    15,           null ],
 [ new Date('12 Oct 2014'),   null,    17,           null ],
 [ new Date('10 Oct 2014'),   null,    null,         1    ],
 [ new Date('11 Oct 2014'),   null,    null,         10   ],
 [ new Date('12 Oct 2014'),   null,    null,         10   ]]

これもあります: https://github.com/JohnathanWeisner/chartkick/tree/FEATURE/Trendline。scatter_chart を追加する fork ですが、必要なデータの並べ替えを ruby​​ で行う気がしませんでした:P

于 2014-10-09T04:08:21.967 に答える