問題タブ [chap-links-library]

iOS アプリケーションにタイムライン ビューを実装する必要があります。タイムラインをネイティブに描画するよりも優れていると考えているため、Web ビューにネストされた JavaScript コンポーネントを使用する予定です。これまでにこのライブラリを見つけました：

http://visjs.org/docs/timeline.html
https://almende.github.io/chap-links-library/timeline.html

それらは非常に見栄えがよく、必要な作業のほとんどを行うことができると思われます。しかし、どのタイムライン ライブラリにも見つからなかった特定の要件が 1 つあります。

時間軸の値は不均衡にする必要があります (タイムラインの現在のビューの端に近い値よりも中央に近い時間値を広げる必要があります)。

http://oi61.tinypic.com/2hg70ib.jpg
画像を見ると、軸上の年が等間隔ではないことがわかります。

JavaScript ライブラリを知っている人はいますか? iOS ネイティブのライブラリ、またはこのタイプの機能を提供する既存のライブラリに変更を加えたものはありますか?

グラフに表示する点が多い場合に、表示される x 軸の値の数を制限する方法はありますか? そうしないと、ズームしないと x 軸のラベルが重なります。たとえば、私が作成したフィドルを参照してくださいhttp://jsfiddle.net/ggggg/jx3q8uoy/10/ enter code here. マウスホイールでズームイン・アウトできます。更新をクリックすると、グラフに新しいデータをリロードしますが、グラフのサイズに対して多くのポイントがあるため、x 軸の値が互いに混ざり合ってしまい、良くありません。ズームしない限り、どれがどれであるかを区別することはできません。ポイントの量が大きい場合にそのような方法で混合されないように、表示される x 軸ラベルの数をいくつかに制限する方法はありますか?ズームインすると、表示されるようになります特定の x 軸ラベルは? たとえば、http://visjs.org/examples/graph2d/03_groups.html にある vis.js グラフをご覧ください。マウスホイールでズームインまたはズームアウトすると、x 軸のラベルが再スケーリングされ、それらの多くが非表示になり、ズームインすると表示されます。flot.jsのようなものが必要です

ありがとう

vis.js ( http://visjs.org/graph2d_examples.html ) の 2D 折れ線グラフを使用しています。データポイントにツールチップを追加して、マウスオーバーまたはクリックするとポップアップまたは他の場所に値が表示されるようにする方法はありますか?

vis.js ネットワークでリンクとノードをフィルタリングする方法はありますか?
次のように、ノードとエッジの両方に DataSet を設定しました。

ありがとう。

Vis.js を使用してネットワーク ダイアグラムを描画しています。特定のノードの AJAX 更新を受信すると、キャンバスがそのノードを中央に移動し (Vis.js は既に実行できます)、その上にある種のブルズアイ アニメーションを表示する通知機能が必要です。ノードをクリックするまでユーザーの注意を引きます。私が探しているアニメーション効果に最も近い例は、http://codepen.io/MateiGCopot/pen/ogEKRKにあります。

これは、このタイプの効果を達成するための最良の方法ですか? 私のマシンで実行すると、CPU 使用率が急上昇するため、それほど効率的ではないようです。
また、このようなものを Vis.js と統合して、画像ノードを描画し、ノードをクリックすると停止するようにするにはどうすればよいですか? この特定の例では、円を外側に描画しますが、内側に描画したいのですが、方向を変更する方法がわかりませんでした。

JavaScript は私の強力なスイートではないので、説明が詳細であればあるほどよいでしょう。また、私は特に Vis.js に縛られているわけではないので、(同等の Vis.js 機能と共に) この機能を既に備えている別のライブラリがあれば、切り替えても問題ありません。

カスタム スタイルと jquery 動作でvis.jsを使用しています。

次のような jquery ステートメントを書きたいと思います。

.item.rangeまたは.item.boxが選択される たびp.extraに、選択されたアイテム内に表示されます。ページ上の他の何かがクリックされるたびp.extraに、以前に選択された項目で非表示になります。

.item.rangeまたはが選択されるたび.item.boxに style が追加される.selectedので、これを使用して親を定義できると思っていました。しかし、運がなければこれを機能させるために数時間試みてきました。.toggleこれまでのところ、.toggleclass(css の新しいクラスに動作を適用する)、および を使用してこれを実行しようとしました.show/hide。

私は vis.js の範囲内で名前を付けるという点で制限されています。たとえば、表示したい p タグだけにカスタム クラスを割り当てることはできません。非表示にする - 割り当てた各クラスは、移動したくない 30 個の他の .item 要素と共有されます。これが、p.extra タグが含まれている親要素をスクリプトに認識させたい理由です。

私の努力では、次のような間違ったスクリプトを書きました。

答えを探しているときに遭遇した問題は、見つけることができるすべての例がネストされていない要素にのみ関連していることです(私が試したものへのリンクを投稿しますが、それが私の最初の投稿であるため、許可しません!) .

vis.js タイムラインを使用したときに生成される関連 HTML のスニペットを次に示します。

そして、これが私のファイルのjavascriptのスニペットです:

私が尋ねていることがあなたの 1 人にとって理にかなっており、比較的簡単な修正があることを願っています。

私が探しているコードを書くのを手伝ってもらえますか?