問題タブ [sparklines]

スパークライン ( http://omnipotent.net/jquery.sparkline/#s-about ) 複合グラフを使用しています。次のチャートがあり、両方の線の幅を 2 ​​に設定しています。ただし、その幅の線は 1 つしか表示されません。私は何を間違っていますか？:

このようなスパンスパークラインを表示するためのスクリプトがあります

私はgrepネットワーク（RX / TX）を持っています。0.5秒ごとに変化しますが、この jsfiddleのような移動グラフを表示するのはまだ混乱しています

ただし、jsfiddle の例では。ext.js(sencha) を使用しており、変化するグラフのアルゴリズムは数学ランダムを使用しています。

スパークラインは、この [value1, value2, value3,..., valuex] のようなパラメーター配列を受け取ります。たとえば、3 つの配列を受け取った場合、アルゴリズムは [value(now-2), value(now-1), value(now)] になります。しかし、これをどのように適用するのですか？

以下に投稿された私の例では、jquery.sparkline ライブラリからスパークラインを jquery.dataTables テーブルのデータの列としてレンダリングしようとしています。以下の例を読み込むと問題なく動作しますが、最初のページのみです。データをスパークラインとしてレンダリングする代わりに「次へ」をクリックすると、単に数値がレンダリングされます。「前へ」をクリックすると、最初のセットのスパークラインが表示されます。ソートすると、2つの組み合わせが得られます。

私はこれらのライブラリの両方に不慣れで、このフォーラムや他のフォーラムで解決策を探してみましたが、これまでのところ、私の発見はどれも私の問題を解決していません. 私が間違っていることを知っている人はいますか？

ご提案ありがとうございます。

http://themeforest.net/item/metronic-responsive-admin-dashboard-template/4021469からメトロニックテーマをダウンロードして、PyroCMS フレームワークと一緒に使用しましたが、チャートやグラフを動作させることができないという問題がありました。これらに使用される特定のプラグインは、flot と jquery (例: jquery.sparkline.js) です。

この作業を行うために行われた手順:

1. ダウンロードしたテーマ
2. default.html を表示するために、含まれる基本テーマ (PyroCMS に含まれる) を操作しました。
3. グラフ/デフォルト ページからコードをコピー
4. Css.html と js.html を作成し、正しいファイルの場所へのパスを入力し、default.html でそれらを参照しました。
5. cssおよびjsファイルを正しいフォルダーにコピーしました
6. www.website.com/admin にインストール
7. ダブルチェックパス
8. コードが pyro 内で機能するかどうか、およびパッケージから直接機能し、zip ファイルから直接機能するかどうかをテストしました

その後、円グラフ、グラフ、カレンダー（デフォルトページ）、およびグラフページのすべてのグラフ/チャートを除いて、すべてが正しく機能するようになりました。誰かが私が間違っていることを知っていますか、または他の提案がありますか?

default.html と charts.html は zip ファイルからすぐに動作するため、すべてが互換性があること (プラグインと css など) はわかっていますが、PyroCMS と統合しようとすると何が欠けているのかわかりません。

PSこれは私の最初の投稿ですので、質問が明確でない場合や質問があいまいすぎる場合は、寛容で理解してください。コメントにはできるだけ早く返信します

利用可能なドキュメントを調べましたが、ShieldUI スパークライン JavaScript チャートがどのように使用されているかがよくわかりません。私はそのようなタイプを見ません。

代わりに「面積」が表示されます。バー、ラインで試しました-それも機能しますが、そのための明示的なタイプがないのはなぜですか? もう 1 つ、すべてのタイプをスパークライン チャート タイプとして使用できますか?

d3.jsを使用したスパークライン実装の素晴らしい説明へのリンク

私は似たようなことをしていますが、ここのモックアップのように、各スパークラインの通常の範囲を定義する必要があります:

この灰色のバーは現在ハードコードされています。このバーの意味は、データの「緑」の範囲を表すことです。たとえば、0 から 1 まで。この範囲よりも小さいか大きいものはすべて、そのバーに含まれるべきではありません。

私はjsファイルにそのようなドメインを持っています：

そして、これは私がグレーバーを描く方法です:

しかし、このコード ブロックに通常の範囲 [0,1] を与えると、

私はこれを取得しています：

申し訳ありませんが、それは完全に間違った方法です。誰かの助けが必要です。ありがとう!

スパークライン グラフのtooltipValueLookupsパラメータとして json レスポンスを使用しようとしていますが、成功しません。ツールチップには、Mulder:5 と Scully:8 の代わりに 0:5 と 1:8 が表示され続けます。

変数エージェントをまったく同じ json で宣言するだけで、完全に機能します。

しかし、意図したとおり、サーバーの応答でそれを実行しようとすると、すべてがうまくいきません。誰か教えてください、私は何が間違っていますか?

応答: {"names":{"0":"Mulder", "1":"Scully"}}

前もって感謝します。

編集

たくさんのコーヒーとののしりの後、ようやく機能するようになりました。非常に洗練されたソリューションではないことは認めざるを得ません。

まず、 json ではなくstringを返すようにサーバー側の php 関数を変更する必要がありました。

次に、ajax 呼び出しで:

次に、応答を解析してフィルタリングします。

そして最後に、スパークライン機能:

@Hüseyin: ご協力ありがとうございます。とても役に立ちました。

私のゲージのこの画像を見てください：

貯蓄目標バーを、他の 4 つの測定値を横切る線 (スパークライン) に変換する必要があります。SSRSは私にそれを許可しますか? それとも、私が知らないだけでそれを行う別の方法はありますか？貯蓄目標バーのプロパティを操作して、幅と高さを使用してゲージを横切るように強制しようとしましたが、成功しませんでした。それはうまくいくかもしれませんが、私はSSRSにかなり慣れていないので、何かが足りないかもしれません.