問題タブ [jqplot]
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.
javascript - jQuery jqPlot ライブラリ 12 時間時間 Y 軸反転の問題
最近jqPlotを使い始めました。生成されたグラフは素晴らしく、気に入っています。あちこちで学ぶべき小さなことがいくつかありますが、全体的には素晴らしいです.
積み上げ棒グラフの生成を使用していますが、奇妙な問題が発生しました。基本的に、Y 軸に 0 ~ 24 時間、X 軸に日を 12 時間表示し、特定のアクティビティの秒数をグラフにプロットします。また、グラフの一番上から 1 日 (真夜中) を開始し、一番下に来るようにします。
「最小」と「最大」の逆を使用してデータを簡単に反転できますが、ティックを反転しようとすると問題が発生します。要するに「時間」。
シリーズのデフォルトを非表示の軸に設定しています。
そして、プレースホルダーシリーズ(値がすべて0の場合、例: [0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0] )を別の yaxis に関連付けて、日付の目盛りをプロットします。
デフォルトの y 軸の最小値と最大値を変更して非表示にすることで、値を反転できます。
次に、ティックを設定し、DateAxisRenderer でフォーマットします。
これにより、時刻が午前 12:00 から午後 12:00 に戻り、その形式で午前 12:00 の yaxis が作成されます。ただし、グラフの下から昇順です。
明らかに、「yaxis」の最小値と最大値を反転しても、プレースホルダー値しかなく、値を反転するだけなので、何も達成されません。時間が(下から)24、22、20 ...などになるように、軸の値を反転するにはどうすればよいですか?
事前にご協力いただきありがとうございます。
jquery - jqplot でのバーの色付け
jqplot を使用して積み上げ棒グラフを描画しようとしています。トップ シリーズは白で緑のアウトラインで塗りつぶされています。これは通常のオプションで可能ですか、それとも CSS で行う必要がありますか? 次のコードは、私が現在使用しているものです。私は基本的に、すべての色ベースのオプションをそれに投げてみました(私はドキュメントに混乱しています、認めます)。2 番目のシリーズでは、色「color」のアウトラインと色「fillColor」の塗りつぶし (つまり、それぞれ青と赤) を期待していましたが、これは起こっていることではありません。誰でも助けることができますか?
colors - jqplot 単一のマーカーの色を変更する
jqplotで単一のマーカーの色を変更する最良の方法を知っている人はいますか? 2 つのマーカーを強調表示し、最高値を 1 つの色に設定し、最低値を別の色に設定する必要があります。Google グループにも同様のスレッドがありましたが、回答はありませんでした ( http://groups.google.com/group/jqplot-users/browse_thread/thread/e17a8b22860757ca?pli=1 )。
ありがとう
デビッド
php - PHP による JQPlot のレンダリング
HTML を動的に生成し、それをエコーするページがあります。JQPlotでこれを行うにはどうすればよいですか。同じページに複数のグラフを表示できます。JQPlot が document.ready を使用してレンダリングしていることがわかります。php から必要な配列を生成します。
PHP/Javascriptメソッドを呼び出したり、チャートを表示するために必要なパラメータを含めて渡すことができるようにするにはどうすればよいですか?
複数のグラフがある場合、document.ready を配置し、その中に PHP for ループを配置して、すべてのパラメータを渡すことができる一般的なプロット関数を呼び出す必要がありますか?
以下のようなもの
javascript - jqplot棒グラフがデータを表示しない
ファイアバグからエラーが発生していません。どのブラウザにも表示されません。以前は働いていましたが、約1週間前に仕事をやめました。コードのサンプル...
そして、htmlに次のような呼び出しがあります
そして、さまざまな隠し値は、コードビハインドからのcsv文字列です。ファイアバグによると、それらは正しく渡されています(正しい形式と各変数の正しい数)。最近の私のコーディング経験から判断すると、それはおそらく明らかなことです。
javascript - jqplot棒グラフのデータポイントよりも多くの列を持ち、トレンドラインがすべての列に続くようにするにはどうすればよいですか?
ではjqPlot
、データ系列を含む配列と目盛り/列ラベルを含む配列を定義します。シリーズのデータ ポイントよりも多くの目盛り/列があり、トレンドラインがオンになっている場合、トレンドラインはすべての列ではなく、データ ポイントのドメインでのみ継続します。トレンドラインが継続し、ドメイン全体を推定できるようにする方法はありますか?
たとえば、これらの目盛りでこのデータを試してみると:
バーは少し変わった形で表示されますが、傾向線は正しいですが、5 つのデータ ポイントのみです。代わりに、同じ目盛りを持つこのデータ:
0 の前のデータの傾向を実際に説明していない急降下する傾向線があります。ヌルまたは未定義は、残りの列でも (0 の代わりに) 機能しないようです。
では、ドメイン (年) 全体の部分的なデータを表示し、正確なトレンド/外挿線を取得するにはどうすればよいでしょうか?
jqplot - jsonファイルから複数のシリーズの日付ベースのデータを使用してjqplotをロードする例が必要です
検索していて、探しているものを正確に見つけることができません。複数のシリーズを 1 つの jqplot にロードする必要があり、各シリーズは独自のデータ ファイルから取得されます。
ここの例http://www.jqplot.com/tests/data-renderers.phpは、ファイルからシリーズをロードする方法を示していますが、ファイルを日付データに変換すると、おそらくフォーマットだけで機能しなくなります問題がありますが、解決できません。私は何を間違っていますか?
txt ファイルのデータは次のとおりです。 2011 04:00:00AM",90.0]]
コードは次のとおりです。
javascript - クライアント側でチャートを描画するためのJavascriptライブラリまたはフレームワーク
クライアント側でチャートを生成するためのライブラリを探しています。ここのように、ウェブとスタックオーバーフローで検索して、たくさん見つけました
https://stackoverflow.com/questions/2227421/good-javascript-library-for-drawing-charts-using-json
またはこの非常に良いコレクション:
http://sixrevisions.com/javascript/20-fresh-javascript-data-visualization-libraries/
選択肢はたくさんありますが、私は少し圧倒されています。どれがJSONデータを使用できるか、どれが最新で、どれが使いやすいか(私はこのトピックについてまったく新しいので)、どれが堅牢で、携帯電話で動作するか(またはそうでないか)、どのプロジェクトがまだ残っているか生きているなど
別のチャードが必要です。折れ線グラフは必須です。また、ズームインとズームアウトは必須です。そこで、jqplotaflotを詳しく調べました。
どちらもズームを提供しますが、ズームはよりスケーリングであるように見えます。つまり、ズームインしても粒度は変わりません。グラフには多くのデータ/ポイントが含まれるため、クライアントに送信する前に情報を統合する必要があります。ズームインすることで、粒度を上げる必要があります。これにより、チャートはズームされた領域の新しいデータを処理できるようになります。(私は自分自身を明確にしたことを願っています。)
ご清聴ありがとうございました。
javascript - jqplot:「this.proxy.getTime は関数ではありません」/日付入力パーサー?
グラフの描画にjqplotを使用しようとしています。そこで、日付ベースのグラフを取得するためにこの例を修正しました。
現在、私のコードは次のようになっています。
しかし、次のエラーが表示されます。
日付形式を解析することにより、スクリプトに問題があるようです。しかし、なぜ?
助けてくれてありがとう。
//Update.. ups、この投稿を書いた後 (そして 1 日試行錯誤した後) すぐに理由を見つけました ;-) 。入力日付形式を解析する方法を定義しますか?
javascript - jqPlot の JSON
この例で説明されているように、JSON で受信するサーバー側からのデータを使用して jqPlot を使用したいと思います: http://www.jqplot.com/tests/data-renderers.php
私のコードは、例とほぼ同じです:
サーバー側では、PHP (および Yii) を使用しています。Web ページは配列を返します。これは、CJSON::encode($resultArray);
(この Yii 関数は PHP JSON エンコード関数に渡されます) を使用して JSON にエンコードされます。PHP スクリプトの結果は次のようになります。
クライアント側の Ajax リクエストは次のように解決されました ( からの出力console.info();
)
おそらく、jqPlot は次の形式を想定しています。
いつもerror uncaught exception: [object Object]
私は何が悪いのですか?オブジェクトを典型的な配列形式に変換する方法はありますか?
ありがとうございました