Neovis.jsのvis.jsの実装に関するクエリ -- javascript フィールド と node.js フィールド と neo4j フィールド と vis.js フィールド と vis.js-network フィールド 関連 問題

Query regarding implementing vis.js in Neovis.js












1
vote

問題

日本語

私は私のAngular 2 +とNodejsアプリでNEO4Jアプリケーションを実装しています。 NEO4Jアプリケーションは、Vis.jsの統合であるNeovis.jsを提供します。 Neovis.jsのコードは次のとおりです -

https://rawgit.com/neo4j-contrib. /neovis.js/master/dist/neovis.js

上記のneovis.jsコードを使用して、私のノードはこのように見えます -

href="https://i.stack.imgur.com/1ermf.png" rel="nofollow noreferrer"> ノードグラフ画像

今度は、円形構造の代わりに画像を追加してこれらのノードを美しくしたい、関係のフォントサイズ(.i.e。 - 部門、API)などを減らしたい。だから私は彼らに視覚化を改善する方法があるように頼んだので、Neovis.jsコードでは、私たちはVisjsを持っています。そのまま次のように -

コード -

<事前> <コード> visjs: { interaction: { hover: true, hoverConnectedEdges: true, selectConnectedEdges: false, multiselect: 'alwaysOn', zoomView: false, experimental: { } }, physics: { barnesHut: { damping: 0.1 } }, nodes: { mass: 4, shape: 'neo', labelHighlightBold: false, widthConstraint: { maximum: 40 }, heightConstraint: { maximum: 40 } }, edges: { hoverWidth: 0, selectionWidth: 0, smooth: { type: 'continuous', roundness: 0.15 }, font: { size: 9, strokeWidth: 0, align: 'top' }, color: { inherit: false }, arrows: { to: { enabled: true, type: 'arrow', scaleFactor: 0.5 } } } }

ここにVisjsでは、私に欲しい変更を実装するように頼んだ。しかし、ここではフォントサイズを縮小し、多くの機能を追加しましたが、何も変更されません。そして、ノードの画像を実装したいです。どうやってするか ?そしてvis.jsを統合する方法はありますか?助けてください。

p.S:

フロントエンドを表示するためのNeovis.jsを統合するために以下のコードを実行します -

https://github.com /neo4j-contrib/neovis.js/blob/master/examples/simple-example.html

英語

I am implementing Neo4j application in my angular2+ and NodeJS app. Neo4j application provides Neovis.js which is an integration of vis.js . The Code for Neovis.js is as follows -

https://rawgit.com/neo4j-contrib/neovis.js/master/dist/neovis.js

Using the above Neovis.js code, my nodes look like this -

Nodal Graph Image

Now i want to beautify these nodes by adding images instead of circular structures, reduce the font-size of relationships (.i.e. - DEPARTMENT, API),etc. So i asked them is there a way out to improve visualization, so they said in the Neovis.js code , we have visjs. Its as follows -

code -

  visjs: {     interaction: {         hover: true,         hoverConnectedEdges: true,         selectConnectedEdges: false,          multiselect: 'alwaysOn',         zoomView: false,         experimental: { }     },     physics: {         barnesHut: {             damping: 0.1         }     },     nodes: {         mass: 4,         shape: 'neo',         labelHighlightBold: false,         widthConstraint: {             maximum: 40         },         heightConstraint: {             maximum: 40         }     },     edges: {         hoverWidth: 0,         selectionWidth: 0,         smooth: {             type: 'continuous',             roundness: 0.15         },         font: {             size: 9,             strokeWidth: 0,             align: 'top'         },         color: {             inherit: false         },         arrows: {             to: {                 enabled: true,                 type: 'arrow',                 scaleFactor: 0.5             }         }     }  } 

Here in visjs, they asked me to implement the changes i want. But here i reduced the font-size and added many features but nothing changed . And i even want to implement Images for the nodes. How to do that ? And is there a way to integrate vis.js ? Please help.

P.S :

We run the below code to integrate Neovis.js for displaying front-end-

https://github.com/neo4j-contrib/neovis.js/blob/master/examples/simple-example.html

</div
              
 
 

回答リスト


関連する質問

1  VIS.JS階層ネットワークグラフレイアウト  ( Vis js hierarchical network graph layout ) 
VIS.JSを使用して階層ネットワークグラフでこの奇妙なレイアウトを見つけました。 ご覧のとおり、エッジはめちゃくちゃになります。 どんな提案もいいでしょう。ありがとう。 または親ノードの位置によってソート機能を変更することは可能ですか? 図1:現在のネット...

1  VIS.JSネットワークRegeneratorRuntimeは定義されていません[RegeneratorRuntimeが定義されていない] Salesforceのエラー  ( Vis js network regeneratorruntime is not defined regeneratorruntime is not defi ) 
SalesforceでVIS.JSネットワークライブラリを使用しようとしていますが、LWCとAURAコンポーネントの両方でAPIバージョン40.0で試行しましたが、受信しています RegeneratorRuntimeは定義されていません[Regenerato...

3  vis.jsハイパーリンクエッジ  ( Vis js hyperlink an edge ) 
エッジで動作するようにハイパーリンクを得ることは可能ですか? 例では、接続されている2つのノードがあり、それらにラベルが付いています <事前> <コード> { id: 1601, label: 'label', x: -1085, y: -429, url: ...

3  VIS.jsのエッジの長さを設定します  ( Set edge length in vis js ) 
VIS.JSを使用してエッジ間の距離を設定する方法があるかどうかを把握しようとしています。私は春の長さとさまざまな物理的な変数で遊んでいましたが、何でも理解するようには思えません。理想的には、エッジの長さを決定するエッジの長さの設定があってください。そのよう...

-1  HTMLページでキャンバスのナビゲーションサムネイルを作成する方法  ( How to make a navigation thumbnail of a canvas in a html page ) 
最近VIS.JSを使用してネットワークグラフを構築しました。通常、ネットワークは単に写真全体を見て見るには複雑すぎる。 Webページのユーザーはズームインする必要があるかもしれません。 今すぐグラフ全体の小さなスクリーンショットを作りたい、そしてユーザーがグラ...

0  VIS.JSの選択のエッジ色の変更をアニメーション化する  ( Animating edge color change on selection in vis js ) 
VIS.JSのエッジの選択色を処理する機能を書くことが可能であるかどうか疑問に思います。 現在、エッジを選択すると、ノードモジュールで定義されている color から 99887762 までのエッジの色が変更されます。 APIでは、<コード> color...

0  Vis.js Network - 中に写真を描いた正方形を作成する方法?  ( Vis js network how to create square with a picture inside ) 
図形「正方形」のネットワークノードを作り、絵を内側にロードして、形状の背景色を見るためにその周囲に詰め込まれています。背景色は、ノードのアラーム状態を示します。 それは可能ですか? ...

0  Vis.Networkでは、ノードを重心として設定することは可能ですか?  ( In vis network is it possible to set a node as the center of gravity ) 
私はvis.jsを使ってネットワーク図を表示しています。 ノードをドラッグした後に「エッジ長」を維持する必要があります。 私の問題は、私が常にドラッグしたノードが常に元の位置に戻ることです。これは、これらのオプションのためです。 <事前> <コード> phys...

0  ノードの自動選択を無効にしますか?  ( Disable automatic select of node on click ) 
vis.jsネットワーク図を(ソートの)メニューとして(ソート)、画面の別の領域へのマスター/詳細関係を使用しています。ユーザがノードIを選択するたびに、他の領域のロードを信号にします。負荷は非同期であり、時間がかかる(1-2秒)、詳細がロードされるまでネッ...

1  vis.js:オフセットノードラベル  ( Vis js offset node label ) 
VIS.JS、ネットワークモジュール。 ノードの画像(または他の形状)に対するラベルの垂直オフセットを調整する方法は? 今すぐ(ラベル)は私の好みのために各ノードの下にはほとんどありません - 実際には、ラベルはノードをオーバーレイしてほしいです。 ...




© 2022 cndgn.com All Rights Reserved. Q&Aハウス 全著作権所有