問題タブ [sparklines]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
html - 複雑なページの SVG メモリ フットプリント
多数の小さな棒グラフ (スパークライン サイズ) を必要とする設計があります。典型的なページには、グラフごとに 100 以上のデータポイントを示す 60 以上のグラフが簡単に表示されます。そのようなもののブラウザー内のメモリフットプリントは法外なものでしょうか? png を出力するサーバー側のレンダラーを使用することもできますが、SVG を使用するとさらに多くのことができるようです。
その他の考慮事項: SVG は Rapheal.js によって IE 用の VML に変換される可能性があります。そのため、そこにあるメモリ フットプリントも合理的である必要があります。
良い答えを見つけるための助けや方法論は大歓迎です。
eclipse - Vaadinでウィジェットセットのコンパイルを強制するにはどうすればよいですか?
アプリケーションでスパークラインアドオンを使用しようとしています。ただし、eclipseは、対応するウィジェットセットのコンパイルを体系的に拒否します。つまりinherit
、ウィジェットセットでスパークラインウィジェットセットを参照するタグを次のように指定した場合です。
...Eclipseは次のエラーで文句を言います:
ただし、ウィジェットセットが実際にプロジェクトのpomで依存関係として宣言されていることを確認しました。また、EclipseIDEの「MavenDependencies」ライブラリアイコンの下に表示されることも確認しました。
また、ウィジェットセットを再コンパイルしようとすると、前述のエラーが表示された後、元のwidgetset.gwt.xmlファイルが変更されていることがわかります。その結果、次のようになります。
何が間違っているのかわからないので、本当に混乱しています。私はうまく機能する他のアドオン(icepushとgooglemap)を使用していますが、ここで何が間違っているのか本当にわかりません。
jquery - jQueryスパークライン - 行の上に記入することは可能ですか?
jQuery Sparklines ページのサンプル グラフを見るとfillColor
、線の下の領域を埋めるために使用できる属性があることがわかります。ただし、グラフの線の上に塗りつぶしの色を指定する方法はありますか?
jquery - jqGrid セルにスパークライン グラフを設定するにはどうすればよいですか
jqgrid セルでスパークライン グラフのレンダリングを取得する適切な方法を理解するのに苦労しており、関連するサンプルをどこにも見つけることができません。
とにかく、いくつかの調査の後、afterRowInsert のセルにスパークライン グラフを挿入することを決定しました。残念ながら、私はそれを間違っています。これが私がやっていることです:
挿入時のセルの内容は「読み込み中」であり、イベントの後は変更されません。これがこれを機能させるための最良の方法であるかどうかはよくわかりません。誰かが私を助けることができれば、それは大歓迎です。
jquery - jQueryチャート/SparklinesをIEで機能させるための最良のプラグインは何ですか?
すばらしいjQuerySparklinesプラグインをさまざまなバージョンのInternetExplorerで機能させるのに苦労しています。(プラグイン参照:http://omnipotent.net/jquery.sparkline/)
IEを踊らせるためのJavaScriptハックの世界を完全に掘り下げていないことを認めなければなりません。私はexcanvas、死んだエドワードからのIE libs、またはModernizrなどについて話している。Sparklinesを私の触媒として機能させることでもっと学ぶ機会が与えられてうれしい。
したがって、チャートやスパークラインで作業するのに最適なエクストラを誰かが説明できるかどうか疑問に思っていますか?
研究とテストを始める場所は私が最も求めているものです。
ありがとう、クリス
java - Excelファイルにスパークラインを設定できません
Aspose Cells 2.4 for Javaを使用していますが、スパークラインの設定に問題があります。これはコードです:
現在Excel2010を使用しています。ファイルを生成すると、スパークラインがあるはずのセルが空になります。
ご協力ありがとうございました。英語をお詫び申し上げます。
pdf - PDF へのスパークライン印刷
VBA 経由で PDF にエクスポートすると、スパークライン グラフが印刷されないという問題があります。私はあなたのサイトや他のいくつかのサイトを閲覧し、解決策を見つけようとしました. 残念ながら、私はそれを機能させることができません。
アプリケーションを使用するのは私だけなので、プロセスが完全に表示されます。スパークラインを「更新」するために、エクスポート行の前に次のすべてを実行しようとしました。
application.screenupdating = false の場合、application.screenupdating = true
application.visible = true (非表示になったことはありませんが、ここのフォーラムに基づいています)
スパークラインが配置されているセルを選択します
スパークラインが配置されているシート全体を選択
select.copy スパークラインが配置されているセル
application.wait が更新されるかどうかを確認する
application.calculate して、更新されるかどうかを確認します
他に試してみることは本当に思いつきません。スプレッドシートは、1 つのエンティティのレポートを作成し、レポートを印刷してから、別のエンティティの次のレポートの作成に進むように設計されています (Access からデータを取得し、200 を超える 10 ページのレポートを作成します)。
どんな助けでも大歓迎です。
ありがとう - クリス。
ruby-on-rails-3 - Rails3: ビューでメモリ内イメージをレンダリングする
spark_prによって生成されたコントローラーのメモリに png ファイルがある Rails アプリがあります。
app/views/users/show.html.erb である私のビューでこの png ファイルをレンダリングしたいと思います。これには、@user のさまざまな属性を表示する Rails scaffold ジェネレーターによって生成された標準的なものが含まれています。
ビューでこのメモリ内ファイル (@pngfile) をレンダリングするにはどうすればよいですか? 私はファイルを保存したくありませんし、そのファイルの一時的な URL を提供することさえしたくありません。バイナリ blob からレンダリングされたインライン アイコンを含む HTML ページでこれが行われるのを見たので、それが可能であることはわかっています。しかし、これを可能にする Rails ビュー ヘルパーの魔法の呪文を理解できませんでした。
----------- 編集: 詳細情報 --------------------------
このサイトでは、URL を埋め込む方法について詳しく説明しています。フォルダ アイコンのコードは次のようになります。
この正確なコードをビューに埋め込んだところ、Chrome、Firefox、および IE9 で機能しました。
だから私はスパークプロットでこれをやろうとしました。
私の Rails コントローラーでは、次のようにしました。
私の見解では、いくつかの異なるトリックを試しました
2 つ目以外はすべて失敗し、Chrome と Firefox では機能しましたが、IE9 では機能しませんでした。最初のものは機能するはずでしたが、image_tag ヘルパーのコードは、たとえそれが即時データ URL であっても、デフォルトで URL の前に「/images/」を追加します。別のタブで画像を表示しようとして失敗したため、これを知っています。しかし、「/images/」の部分を取り除いたところ、うまくいきました。2番目のものが機能した理由はわかりません。気まぐれでやってみただけです。3 つ目は、文字列の一部が特殊文字のために壊れているように見えたため、失敗しました。4 つ目で生の文字列を使用してみましたが、どちらも機能しませんでした。
この時点で、私は困惑しています。image_tag にモンキー パッチを適用して、データの先頭に何かを追加しないようにしますか: 埋め込み画像の URL、またはビューの例 3 または 4 のように適切にレンダリングされるように、文字列で何かファンキーなことを行いますか?
jfreechart - JFreeChart スパークバーにマーカーの背景を追加するにはどうすればよいですか
データの範囲を持つことができ、同じ時間枠の同じタイプのデータを持つ他のスパークバーの隣に表示する必要があるスパークバー (スパークラインに非常に似ています) を作成しようとしています。値の大部分は +/- 10 単位以内です。ただし、外れ値がはるかに大きい場合もあります。これは、最大値にスケーリングして各プロットの一貫性を保つと、ほとんどのチャートがフラットになり、奇数のチャートだけが明確になることを意味します。
私たちの解決策は、過半数を +/- 10 にスケーリングして表示し、残りの軸を値の全範囲に拡張して、それらが「特別」であることを示す指標を付けて表示することです。例えば:
ノーマルvs スペシャル
ただし、特別なものはそれほど明確ではないことがわかります。
より良い表示方法について何か提案はありますか? 1 つの提案は、次のように +/- 10 の後ろに grep バーを追加することです。
何かご意見は?
r - R YaleToolkit:スパークラインの目盛りラベルのフォントサイズを変更するには?
私はこの関数をsparklines
Rですばやく簡単に使用していますが、y軸の目盛りラベルの醜い重なりを避けるためにフォントサイズを変更する方法がわかりません。これが私のコードです(再現可能な例については以下を参照してください):
sparklines(gamma.df, sub=c(1:23),outer.margin = unit(c(2, 2, 2, 2), "cm"))
そして結果のプロット:
でy軸を完全に抑えることができそうです
sparklines(gamma.df, sub=c(1:23),yaxis=FALSE,outer.margin = unit(c(2, 2, 2, 2), "cm"))
しかし、私が本当に欲しいのは、目盛りの数字を縮小することです(そして、線の下に灰色の塗りつぶしを追加しますが、画面上にポリゴンを描画する必要があるように見えますが、これはおそらく別の質問に値するのに十分な問題です...と別のパッケージ)。
ドキュメントは、 gparが関連している可能性があることを示唆しています:「グラフィックス パラメーターのリストが必要なすべての場合において、有効なパラメーター名は、適切な呼び出しで gpar に渡された場合に有効な名前と同じです。」しかし、私の試みのどれもどこにも到達していないように見えるので、それを理解するには少し助けが必要です (cex.axis と axis() についても同様です)。R のgrid
グラフィックスに関する専門家はいますか? より良い品質のスパークライン スタイルの出力を提供する、十分に文書化された完全に異なるアプローチ (ggplot2?) へのリンクも歓迎します。
私の問題を再現するデータとコードの例を次に示します。
そして、これは、y 軸の目盛りに醜い重なり合った数値を含む結果のデータ プロットの例です。
更新: @geek-on-acid の非常に役立つplot
コードと Tufte フォーラムのコード (以下を参照) を使用して、YaleToolkit
パッケージを使用せず、問題ないように見える別のスパークライン メソッドを思いつきました。再現可能な例(実際には2行だけですが、私の教育のためにここに注釈が付けられています):
これが結果の画像です。これは基本的に私の問題の解決策です。y 軸の目盛りは、データの最大値と最小値のみを表示し、垂直線を表示しないことで、見栄えを良くしようとしています。@geek-on-acid に、それらすべての下部に沿って単一の x 軸を取得する方法に関するヒントをありがとう。
最後に、完全を期すために、 Tufte フォーラムで見つけた Jason Dieterle によるTufte のスタイルに近いスパークラインのコードをいくつか含めます。それらは私のものよりもはるかに見栄えがしますが、コードは一度に 1 つのプロットしか実行しません。元の投稿は次のとおりです。
そして、彼の出力は次のようになります (少し拡大):
YaleToolkit パッケージに加えて、stats.stackexchangeで知ったが試していないsparkTableパッケージがあります。R-forge には、スパークラインを作成するための別のパッケージのエントリがありますが、これはアクティブでも有用でもないようです。