問題タブ [sparklines]

過去 2 週間にブログで作成された投稿の数を示すスパークラインを作成したいと考えています。これを行うには、最初に、問題の期間中に毎日作成された投稿の数を含む配列を生成する必要があります。

たとえば、次の配列です。

このスパークラインを生成します: ( Google Charts APIの周りに Googlecharts ラッパーを使用しています)

私の質問は、これらの配列を作成する方法です。これが私が今やっていることです: (私はSearchlogicを使用してクエリを実行していますが、使用したことがなくても理解できるはずです)

このアプローチは醜くて遅いです - もっと良い方法があるはずです!

スパークラインは、小さなインライン グラフを作成するのに最適です。ただし、それらが入っているコンテナが非表示になっている場合は、単純に背後で描画してから表示することはできません。最初にコンテナーを表示してから、$.sparkline_display_visibleメソッドを呼び出す必要があります。

これは問題ありませんが、グラフがたくさんある場合は非常に遅くなります。レンダリングするグラフが 200 を少し超えています (そして、最終的にはそれ以上になる予定です)。それらすべてをレンダリングするのに約 4000 ミリ秒かかり、ブラウザーがハングします。このプロセスを高速化する方法 (疑わしい) や、ブラウザをハングさせないことで知覚されるパフォーマンスを改善する方法を知っている人はいますか? レンダリング中に各グラフが一度に 1 つずつ表示されるようにタイマーを追加しようとしましたが、それでも 200 以上のグラフでは時間がかかり、その効果はユーザーの気を散らすものです。

ありがとう

Web ワーカーが DOM にアクセスできないことはわかっていますが、バックグラウンドでスパークライングラフをレンダリングしてそれを返す方法があるかどうか疑問に思っていました。そうでない場合、Web Workers を使用して約 100 万のスパークラインの処理を高速化する方法はありますか?

パフォーマンスを改善しようとしています (この質問を参照してください)

複数ページのレコードを持つ Excel 2010 ドキュメントで、各行にスパークラインが含まれている場合、最初にドキュメント全体をスクロールしてすべての行を表示しない限り、スパークラインは印刷されないか、印刷プレビューに表示されません。一連の Excel レポートを自動的に生成する私のアプリケーションでは、これは非常に目に見える問題です。誰かがこれの修正を提案できますか、それとも Excel 2010 のバグですか?

次のコードを取得しました (このページに基づく):

編集: 関連する HTML は次のとおりです。

というアラートが表示されます1,2,3が、(Chrome の) エラー コンソールには と表示されますUncaught TypeError: Object #<an Object> has no method 'sparkline'。私は何かを見落としましたか？

いくつかのグラフ作成オプションを検討していますが、Rmagick を必要としない Sparklines gem のクリーンさを備えたものを希望しています。明確なチュートリアルもあるものが欲しいです。

スパークラインを含むExcelシートをPDF形式にプログラムでエクスポートする際に問題が発生しました。

Excel 2010のネイティブPDFエクスポート機能を使用してExcelシートをPDF形式に手動でエクスポートすると、すべてが正常に機能しますが、単純なCOM自動化を使用してエクスポートすると、スパークラインを含むセルを除いてすべてがPDFにエクスポートされます。

奇妙なことに、Excelシートにいくつかのデータバーを追加すると、データバーの近くのスパークラインが突然エクスポートされますが、データバーから離れたスパークラインはエクスポートされません。

これらの問題を複数の異なるマシンとオペレーティングシステムで確認しました。これは、StackOverflowに関する次の質問に関連している可能性があります。

私は次の非常に単純なVB.NETコードを使用しています。さまざまな設定や変数を試してみましたが、うまくいきませんでした。

jQueryスパークラインを使用して棒グラフを表示しています。例：

問題は、jQueryが最小値（10）を参照として使用していて、非常に小さいバーのみを表示している（0であるかのように）のに対し、他のバーはサイズが大幅に異なることです（値はほぼ同じですが） ）。

私が探しているのは、参照として0を使用するようにjQueryに指示するオプションです。つまり、バーを自動的にゼロ中心にします。オプション

トリックをしていません。

回避策は、各棒グラフに手動で0を追加することです。

しかし、もっとエレガントな方法があるかもしれません。どんな助けでも大歓迎です！どうもありがとうございます！

フェリックス

OK 状況は次のとおりです。

セールスマンの顧客に関する統計表を含む Web アプリがあり、各行には、過去 12 か月の売上データの一般的な傾向を示すスパークライン グラフがあります。各ページには特定のセールスマンの顧客リストが表示され、そのうちのいくつかには膨大な数の顧客 = 膨大な数の行 = 膨大な数のスパークライン (たとえば、特に 125 あり、読み込みに 15 秒かかるもの) がある場合があります。

このため、jQuery スパークラインは使用できませんでした。IE で多数のスパークラインを使用してページにアクセスするユーザーの CPU を完全に固定していました。

そこで、 Google Chart APIの使用に移りましたが、2 つの問題を除いて、はるかにうまく機能しました。1) 安全なサイトにあり、Google Chart API の URL は HTTP 経由でのみ提供されます (小さなラッパー スクリプトを使用してダウンロードすることで解決されます)。グラフを動的に保存し、安全なサーバーから再提供します); 2) 125 個のスパークラインを含むページでは、リクエストの数が原因でまだ非常に低速でした (利用可能な接続数を最大化するために 0 ～ 9 のサーバー プレフィックスが使用されている場合でも)。

したがって、これを超える私の次のステップは、「画像のダウンロード/グラブ/再提供」メソッド呼び出しのそれぞれを非同期にすることでした-そしてそれはうまくいきました!

...しかし、デバッグモードで実行されている開発ボックスでのみ。

ライブサイトにプッシュしたときは高速でしたが、一部の画像がアンロードされたままになり、もちろん受け入れられません.

だから、ここに私が何人かのホットショットが知っていることを望んでいたものがあります:

1) デバッグ中に非同期メソッド呼び出しが機能するのに、実際のサイトでは機能しないのはなぜですか?

2) ある種のスパークラインを大量に取得して、安全なサーバーにすばやくロードする簡単な方法はありますか?

2a.) ASP.NET Chart Library を使用した経験のある人はいますか? これは私が調査する必要があるものですか？

2b.) 同僚が、1x1 の CSS 背景画像を使用し、高さを変えて独自のスパークライン ルーチンを作成することを提案しました。問題は次のとおりです。a) 変更したい場合に備えて完全に拡張できません。b）それは地獄のようにハッキーに見えます（マークアップのスパークラインごとに約数十億のDIVを残します）。c) 1 ページに 100 ～ 200 個のスプライトが含まれている場合に十分な速度になるかどうかはわかりません。1x1 スプライト アプローチの実現可能性についてどう思いますか?

前もって感謝します。

ChartType "Spline"、1つのChartArea、および1つのシリーズ（これはスパークラインです）のASP.Netチャートコントロールがあります。線の下の領域を色付けする方法を誰かが知っているかどうか疑問に思っていました。背景全体を色付けせずにこれを実行できるプロパティを見つけることができないようです。

前もって感謝します