問題タブ [lazy-high-charts]

この円グラフのサイズを縮小する方法を知っている人はいますか？LazyHighChartsの宝石を使用しています。

遅延ハイチャートを使用してチャートを生成することはできますが、これらのチャートを画像としてエクスポートしたいのですが、チャートを生成するために使用しているコードは次のとおりです

そして私の見解では、私はこれを持っているチャートを表示します

ここでは、エクスポート ボタンを使用してチャート イメージをダウンロードできるようにしたいと考えています。

私は非常にうまく機能しているHighchartsをうまく実装しました。私のハイチャートは 1 分ごとにライブ データを取得しており、期待どおりにポイントを追加しています。しかし、ハイチャートに 2 つのシリーズがあるような特定の問題があります。1 つ目はライン タイプ シリーズで、2 つ目はエリア タイプ シリーズです。最初のシリーズは常に 2 ポイントしか獲得できず、2 番目のシリーズは 200 ポイント以上を獲得します。データがライブであるとお伝えしたように、データはラインのみで午前 7 時に開始され、エリアの空白データは午前 9 時ちょうどに開始されます。新しいデータは午後 12 時 30 分まで 1 分ごとに開始されますが、私のチャートの午前 9 時に何が起こるか停止し、新しい次の日の午前 7 時でも私のチャートは停止します

しかし、ブラウザを更新すると、新しいデータが取得され、必要に応じて機能し始めます。

次のように私のコード

午前 7 時の JSON データ

午前 9 時以降の JSON データ

そして、1分ごとにareaSeriesDataで新しいデータを取得し始めます

@@アップデート

午前 7 時と午前 9 時にデータが取得されないという問題が見つかりました。空の文字列が取得されたため、処理していないエラーが発生しました。以下のように変更して、シリーズの削除を開始しましたが、取得していません。データがある午前 7 時のラインのシリーズ。

と を使用lazy_high_chartsしてfoundation 4います。

私の見解では<%= high_chart("my_id", @chart) %>、次のものを生成します。

ただし、foundation 4私ので生成された次の行のために表示されていませんapplication.js

これらの行を削除すると、チャートが読み込まれます。

foundationと をlazy_high_charts一緒に使用するにはどうすればよいですか?

複数の軸を持つこのチャートがあります。

Ruby gemlazy_high_chartsでコーディングされていますが、Highcharts との違いは Ruby の構文だけです。

私の問題は、値が10を超えることはないため、最初yAxisに を設定したことです。ただし、何らかの理由で、これは無視されています。:max => 10何か案は？

現在、JavaScript アセットを提供する 2 つの gem を使用しています。これら 2 つの資産は互いに競合しています。

私の場合は、lazy_high_charts gem とbootstrap-wysihtml5-rails gem です。

現在のプロジェクトには両方があります。最初に、いくつかのテキストボックス用に bootstrap-wysihtml5-rails gem しか持っていませんでした。昨日、ダッシュボードのプロジェクトに lazy_high_charts ジェムを追加しました。

アプリケーション内の複数の場所に wsiwyg テキスト ボックスがあります。ダッシュボード用に、インデックス アクションを使用して新しいコントローラー ダッシュボードを作成しました。

lazy_high_charts_gem を追加し、application.js マニフェスト ファイル内に javascript ファイルを要求した後、プロジェクト全体のテキスト ボックスのすべての wysiwyg エディターが消えました。application.js ファイルから lazy_high_charts JavaScript 要件を削除するとすぐに、wysiwyg エディターが復活しました。

最初の試み これを修正する最初の試みは、JavaScript 要件の順序を次のように変更することでした。

アプリケーション.js

宛先: application.js

しかし、それは何も変わりませんでした。

2 回目の試行

これを修正するための 2 回目の試みは、dashboard.js ファイル内に lazy_high_charts JavaScript ファイルを要求することでした。

アプリケーション.js

ダッシュボード.js

しかし、この試みの問題点は、すべてのアセットをプリコンパイルした後、javascript ファイルがこの 1 つの大きな javascript ファイルにコンパイルされ、wysiwyg エディターが再び停止することでした。

3 つ目のアイデアは次のとおりです 。ダッシュボード用に、ダッシュボード コントローラー用に独自のアセット フォルダーと独自のマニフェスト ファイルを作成できます。そのJavaScriptマニフェストでは、lazy_high_charts JavaScriptファイルを要求できます。dashboard/index.html.erb ビュー ファイルの一番下に、javascript マニフェストをロードできます。

そうすれば当面の問題は解決します。しかし、ハイ チャート グラフと wysiwyg テキスト ボックスを含むビューが必要になったときに、もう一度同じ問題に遭遇しました。

したがって、両方の宝石の競合を止め、同じビューで両方を使用できるようにするより良い解決策がないかどうかを尋ねます。

アプリケーションでこのフィドルの動作を再現しようとしています。PCまたはMacを使用している場合、すべて正常に機能します。いくつかのタブレットでもテストしましたが、私のアプリの大規模なユーザー ベースである iPad では動作しません。

どんな助けでも大歓迎です!!!