問題タブ [chartkick]

Chartkick を使用していますが、Renderer Chart Highchartsの使用に興味があります

しかし、charkick にはドキュメントがありません。Rails の動的データにそれを実装するにはどうすればよいですか

複数系列の折れ線グラフの視覚化に 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 日]
のような形式で現在のタイム ラインを変更したい= [1月、2月、3月、4月、5月、6月、7月、8月、9月、10月、11月、12月]

chartkick gemを使用してチャートを表示しています。私は適切なインストールドキュメントに従っていますが、次のような方法を使用しようとするときはいつでも

firebug ReferenceError: Chartkick is not definedでエラーが表示 されます

chartkick を使用して、次のコードで複数系列の折れ線グラフを作成しています。

そして、これは次のようになります。

基本的な考え方は、青はユーザーが入力したもの、赤はユーザーの目標、黄色は一種の「トレンドライン」でユーザーの目標への最新のエントリを結合するというものです。pointSize: 0トレンドラインをカスタマイズして、端点なし ( ) と破線 ( lineDashStyle: [5,5]) にし、他の 2 つをカスタマイズしたかったのです。私はこれをやってみました

しかし、以前と同じ出力が得られ、これを実行しようとしたため、機能しませんでした

しかし、予想どおり、すべての線が破線になり、すべての点が消えました。

では、これらのアトリビュートを 1 つのカーブだけに適用し、他の 2 つには適用しないようにするにはどうすればよいでしょうか? チャートキックの直接的な実装がない場合は、Google チャートのみを使用してこれを行う方法を知っておくと役立ちます。機能さえあれば！

--

編集 1: thisを見た後、オプションを使用してseriesいくつかのパラメーターを変更しようとしました (ここlineWidthでは、入力するのが最も簡単だったので) が、これも機能せず、エラー メッセージが表示されました。これは私のコードでした：

と

しかし、私はエラーしかありませんでした

この方法で（Googleチャートを使用して）チャートを生成しています：

グラフは適切に生成されていますが、変更しようとしていることが 1 つあります。ツールチップは次のようになります。

ツールチップの情報は正しいですが、2014 年 10 月 19 日午前 2:00:00を表示する代わりに、2014 年10 月 19 日のみを表示したいと思います。

Chartkickでそれを行う方法はありますか?

どうぞよろしくお願いいたします。