問題タブ [rickshaw]

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.

0 投票する
1 に答える
6591 参照

javascript - RickshawJSライブラリを使用してX軸にカスタムラベルを表示する

が( )の形式の曜日である{x: someValue, y: count}ペアのデータセットがあります。ここで、は「日曜日」です。Ricskshawチャートでは、X軸にそれぞれ(など)を表示したいと思います。それ、どうやったら出来るの?someValue1..71

現時点で私は次のことを行いました。

もちろん、これによりデフォルト値の1s、2s、3sなどが得られます。

0 投票する
2 に答える
4282 参照

javascript - d3.jsを使用してグラフ/データをRickshawに追加するにはどうすればよいですか?

これが私が持っているものです:

http://jsfiddle.net/bozdoz/Q6A3L/

人力車d3.jsグラフ

背景バーのコード:

赤、黄、緑の背景バーを固定の高さにしたことを除けば、これはまさに私が望むものです。

スライダーを使用するとき、またはさらに重要なことに、グラフが再生成されるとき(実際のデータで再生成される)、背景バーを正しい高さに調整する必要があります。

たとえば、画像では、緑色のバーは300Mから200Mの間のどこかにあります。赤(縦)のバーを除くすべてのグラフデータを削除すると、緑のバー(横)は40Mのすぐ上になります。これは、背景バーの位置/高さが再生成されないのに対し、グラフデータの位置/高さは人力車のJavaScriptを介して再生成されるためです。

このデータを人力車のグラフに入れて再生成するにはどうすればよいですか?

0 投票する
3 に答える
3691 参照

javascript - 人力車と D3.js を使用した 1 つのスライダー、2 つのグラフ

人力車で 2 つのグラフをレンダリングしていますが、まったく問題ありません。両方のグラフを操作できるようにしたい単一のスライダーがありますが、現在行っているのは、宣言した最後のグラフを操作することです。

1 つのスライダーで 2 つのグラフを操作することはできますか?

0 投票する
1 に答える
3581 参照

rangeslider - Rickshaw.Graph.RangeSlider TypeError: $(element).slider は関数ではありません

このエラーがあります: TypeError: $(element).slider is not a function

次のスクリプトを使用します。

以下のページより: https ://github.com/shutterstock/rickshaw/blob/master/src/js/Rickshaw.Graph.RangeSlider.js

JavaScript デバッガーは次の行を表示します: slide: function( event, ui ) {

私の問題を解決する方法を教えてください。ありがとうございます!

0 投票する
0 に答える
140 参照

charts - 配列からの「NXY」(1 x複数y)としてのRicksahwグラフは可能ですか?

シャッターストックの人力車チャートライブラリを使用して、ajax-php-sqlを介していくつかのセンサーデータを視覚化しています。

すべての例で、人力車は次の形式のシリーズのデータ​​に依存しています

これは、たとえばxmgraceの「nxy」モードと比較して少し面倒です。1つのx列、n y列-これは、SQLクエリから取得したものとまったく同じです(センサーは同じタイムスタンプでサンプリングされるため)。

それで、問題は、配列に保持された、常に同じxデータベクトルと個々のyデータベクトルを入力するrickshawのデータをプライベート化することは可能でしょうか?

ありがとう!アレックス

0 投票する
2 に答える
5179 参照

charts - 人力車グラフの Y 軸の値をフォーマットする方法

http://code.shutterstock.com/rickshaw/の Javascript グラフを使いたい

私の値が0.00000100未満の場合、y軸の値は科学的な形式で表示されます。たとえば、値0.00000020の場合は2e-7です。

2e-7 の代わりに 0.00000020 を表示するにはどうすればよいですか?

0 投票する
2 に答える
3276 参照

javascript - Javascript と人力車。リアルタイム ストリーミングを更新するにはどうすればよいですか?

リアルタイム ストリーミングで人力車のデータを更新するにはどうすればよいですか?

次のようにチャートを開始します。

次に、この形式でデータを取得するためにコールバックを実行したいと考えています。

更新する複数のシリーズがあります。チャートが更新されず、更新するドキュメントがわかりません。

あと…私は人力車にはこだわりません。適切なドキュメントがあるリアルタイム ストリーミング JS ライブラリはありますか? 人力車はきれいに見えますが、リアルタイムはあまり文書化されていません。

0 投票する
1 に答える
1045 参照

tabs - Append Value to Rickshaw Graph Axis and what is ticksTreatment and Preserve

This is my first question on here so please go easy :)

I am trying to implement some line graphs with rickshaw graphs, d3 and jquery UI. I have some vertical tabs and have successfully gotten the charts to load from external html files.

There was a bit of documentation on Rickshaw but I couldn't find what I was specifically after so I will ask this kind community a few questions if that is ok?

Firstly when loading Tabs in jquery UI from external html files where should I put all of the javascript and css into the page that is embedded (see below historic.html) or into the parent page? I have tried both and they seem to work I was just wanting to know best practice.

Secondly, I the x-axis on the graph is in milliseconds. I would like to append "ms" to the end of each of the x-axis "ticks". so the x-axis would read 50ms, 100ms, 150ms etc... Can this be done?

And lastly in Rickshaw they have that fan-dangled example (http://code.shutterstock.com/rickshaw/examples/extensions.html) that has all of the bells and whistles. It has two properties that I cannot find any information on. perserve: true ? and another example has tickFormat and tickTreatment? Could someone please explain what these do.

Thankyou very much for your help.

0 投票する
0 に答える
210 参照

javascript - プロット点数の設定方法 Rickshaw.js

Rickshaw.jsで、100 ポイントのグラフをプロットしようとしていますが、グラフには 10 個しか表示されず、時点間のポイントは無視され、単純に補間されます。グラフに表示されるポイントの数を制御するにはどうすればよいですか?