問題タブ [dot]

質問する

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.

996 問題

0 投票する

1 に答える

5872 参照

javascript - SVGとJavascriptを使用したインタラクティブな有向グラフ

SVG有向グラフにいくつかのインタラクティブ機能を追加する必要があります。

これまでのところ、表示したいグラフはドットファイルから生成され、SVGとしてレンダリングされています。そのようなSVGドキュメントに双方向性（おそらくJavascriptを使用）を追加する簡単な方法があるかどうか知りたいです。

私が必要としているのは、マウスがノードの上を通過したときにいくつかの情報を表示し、2つのノードを比較できるようにすることです。

私のモデルは自動的に生成されるので、ドットで生成されたSVGを保持し、別のJavascriptを使用して追加情報を追加したいと思います。

2011-09-16T21:20:52.053

0 投票する

1 に答える

817 参照

svg - なしでSVGファイルを生成するにはどうすればよいですか？ element?</h1> <div id="body"><p>I am using dot to generate SVG files but I'd like to remove the element from its nodes since I am using a script to show other information at mouse over.</p> <</a> </h3> <div class="s-post-summary--content-excerpt"> </div> <div class="s-post-summary--meta"> <div class="s-post-summary--meta-tags tags js-tags t-cñ t-ûnet t-aspûnet-mvc t-aspûnet-mvc-4 t-actionfilterattribute"> <a href="/tags/svg" class="post-tag flex--item mt0 js-tagname-cñ" title="" rel="tag">svg</a><a href="/tags/graphviz" class="post-tag flex--item mt0 js-tagname-cñ" title="" rel="tag">graphviz</a><a href="/tags/dot" class="post-tag flex--item mt0 js-tagname-cñ" title="" rel="tag">dot</a> </div> <div class="s-user-card s-user-cardminimal"> <div class="s-user-card--info"> <div class="s-user-card--link d-flex gs4"> </div> </div> <time class="s-user-card--time" style="margin-left:5px;"> <span title="2022-04-18 08:34:11Z" class="relativetime"> 2011-09-19T11:08:54.023</span></time> </div> </div> </div> </div><div id="question-summary-71909431" class="s-post-summary js-post-summary" data-post-id="71909431" data-post-type-id="1"> <div class="s-post-summary--stats js-post-summary-stats"> <div class="s-post-summary--stats-item s-post-summary--stats-itememphasized" title="Score of 0"> <span class="s-post-summary--stats-item-number">0</span> <span class="s-post-summary--stats-item-unit">投票する</span> </div> <div class="s-post-summary--stats-item " title="3 answers"> <span class="s-post-summary--stats-item-number">3</span> <span class="s-post-summary--stats-item-unit">に答える</span> </div> <div class="s-post-summary--stats-item " title="2140 views"> <span class="s-post-summary--stats-item-number">2140</span> <span class="s-post-summary--stats-item-unit">参照</span> </div> </div> <div class="s-post-summary--content"> <h3 class="s-post-summary--content-title"> <a href="/questions/7497202" class="s-link">jquery - jQuery を使用してドット SVG エッジにカスタム属性を追加する</a> </h3> <div class="s-post-summary--content-excerpt"> <p>インタラクティブなグラフの生成に取り組んでいます。これまでのところ、SVG を生成するドットグラフから始めました。</p> <p>カスタムクラスをエッジに追加して、スクリプトを使用して動的に情報を簡単に追加できるようにしたいと考えています。</p> <p>これまでのところ、カスタム識別子を追加する方法しか見つかりませんでした。カスタムクラスも追加する方法はありますか?</p> <p>実際には、jQuery を使用して属性を選択するので、エッジ要素にカスタム属性を追加できれば十分です。</p> </div> <div class="s-post-summary--meta"> <div class="s-post-summary--meta-tags tags js-tags t-cñ t-ûnet t-aspûnet-mvc t-aspûnet-mvc-4 t-actionfilterattribute"> <a href="/tags/jquery" class="post-tag flex--item mt0 js-tagname-cñ" title="" rel="tag">jquery</a><a href="/tags/css" class="post-tag flex--item mt0 js-tagname-cñ" title="" rel="tag">css</a><a href="/tags/svg" class="post-tag flex--item mt0 js-tagname-cñ" title="" rel="tag">svg</a><a href="/tags/graphviz" class="post-tag flex--item mt0 js-tagname-cñ" title="" rel="tag">graphviz</a><a href="/tags/dot" class="post-tag flex--item mt0 js-tagname-cñ" title="" rel="tag">dot</a> </div> <div class="s-user-card s-user-cardminimal"> <div class="s-user-card--info"> <div class="s-user-card--link d-flex gs4"> </div> </div> <time class="s-user-card--time" style="margin-left:5px;"> <span title="2022-04-18 08:34:11Z" class="relativetime"> 2011-09-21T09:02:47.337</span></time> </div> </div> </div> </div><div id="question-summary-71909431" class="s-post-summary js-post-summary" data-post-id="71909431" data-post-type-id="1"> <div class="s-post-summary--stats js-post-summary-stats"> <div class="s-post-summary--stats-item s-post-summary--stats-itememphasized" title="Score of 0"> <span class="s-post-summary--stats-item-number">0</span> <span class="s-post-summary--stats-item-unit">投票する</span> </div> <div class="s-post-summary--stats-item " title="1 answers"> <span class="s-post-summary--stats-item-number">1</span> <span class="s-post-summary--stats-item-unit">に答える</span> </div> <div class="s-post-summary--stats-item " title="19792 views"> <span class="s-post-summary--stats-item-number">19792</span> <span class="s-post-summary--stats-item-unit">参照</span> </div> </div> <div class="s-post-summary--content"> <h3 class="s-post-summary--content-title"> <a href="/questions/7586376" class="s-link">graphviz - Graphviz サブグラフが視覚化されない</a> </h3> <div class="s-post-summary--content-excerpt"> <p>ドットで 2 つのサブグラフを含むグラフを作成しようとしています。コードは次のとおりです。</p> <p>私が得ている結果は次のようになります。</p> <p><img src="https://i.stack.imgur.com/2xbz0.png" alt="上記のコードの結果"></p> <p>両方のサブグラフの周りにボックスが表示されることを期待していました。ここで何が欠けていますか？</p> </div> <div class="s-post-summary--meta"> <div class="s-post-summary--meta-tags tags js-tags t-cñ t-ûnet t-aspûnet-mvc t-aspûnet-mvc-4 t-actionfilterattribute"> <a href="/tags/graphviz" class="post-tag flex--item mt0 js-tagname-cñ" title="" rel="tag">graphviz</a><a href="/tags/dot" class="post-tag flex--item mt0 js-tagname-cñ" title="" rel="tag">dot</a> </div> <div class="s-user-card s-user-cardminimal"> <div class="s-user-card--info"> <div class="s-user-card--link d-flex gs4"> </div> </div> <time class="s-user-card--time" style="margin-left:5px;"> <span title="2022-04-18 08:34:11Z" class="relativetime"> 2011-09-28T16:23:25.220</span></time> </div> </div> </div> </div><div id="question-summary-71909431" class="s-post-summary js-post-summary" data-post-id="71909431" data-post-type-id="1"> <div class="s-post-summary--stats js-post-summary-stats"> <div class="s-post-summary--stats-item s-post-summary--stats-itememphasized" title="Score of 0"> <span class="s-post-summary--stats-item-number">0</span> <span class="s-post-summary--stats-item-unit">投票する</span> </div> <div class="s-post-summary--stats-item " title="1 answers"> <span class="s-post-summary--stats-item-number">1</span> <span class="s-post-summary--stats-item-unit">に答える</span> </div> <div class="s-post-summary--stats-item " title="22315 views"> <span class="s-post-summary--stats-item-number">22315</span> <span class="s-post-summary--stats-item-unit">参照</span> </div> </div> <div class="s-post-summary--content"> <h3 class="s-post-summary--content-title"> <a href="/questions/7627904" class="s-link">graphviz - Graphviz .dot ノードの順序付け</a> </h3> <div class="s-post-summary--content-excerpt"> <p>標準的な構造を使用して正規表現を認識するイプシロン NFA を構築しています。サブグラフを使用して、正規表現のさまざまな部分をグループ化しています。* 演算子は、ドットがノードの順序を移動することを決定したため、特に問題を引き起こしています。エッジの重みを追加して、特定のエッジを短くしてエッジの順序を維持しようとしましたが、うまくいかないようです。</p> <p>私がやりたいことは、サブグラフのノードを特定の順序で配置して、出力グラフが特定のタイプの (よく知られている) 構造として認識できるようにすることです。以下の例では、エッジ 3、4、5、6 をその順序で配置したいと思いますが、ドットはそれらを 6、3、4、5 の順序で配置します。</p> <p>現在の重みパラメーターは、重みパラメーターがまったくない場合と同じであることに注意してください。</p> <p>私は次のものを持っています</p> <p><img src="https://i.stack.imgur.com/7RjnL.png" alt="グラフ出力"></p> </div> <div class="s-post-summary--meta"> <div class="s-post-summary--meta-tags tags js-tags t-cñ t-ûnet t-aspûnet-mvc t-aspûnet-mvc-4 t-actionfilterattribute"> <a href="/tags/graphviz" class="post-tag flex--item mt0 js-tagname-cñ" title="" rel="tag">graphviz</a><a href="/tags/dot" class="post-tag flex--item mt0 js-tagname-cñ" title="" rel="tag">dot</a> </div> <div class="s-user-card s-user-cardminimal"> <div class="s-user-card--info"> <div class="s-user-card--link d-flex gs4"> </div> </div> <time class="s-user-card--time" style="margin-left:5px;"> <span title="2022-04-18 08:34:11Z" class="relativetime"> 2011-10-02T17:12:54.067</span></time> </div> </div> </div> </div><div id="question-summary-71909431" class="s-post-summary js-post-summary" data-post-id="71909431" data-post-type-id="1"> <div class="s-post-summary--stats js-post-summary-stats"> <div class="s-post-summary--stats-item s-post-summary--stats-itememphasized" title="Score of 0"> <span class="s-post-summary--stats-item-number">0</span> <span class="s-post-summary--stats-item-unit">投票する</span> </div> <div class="s-post-summary--stats-item " title="1 answers"> <span class="s-post-summary--stats-item-number">1</span> <span class="s-post-summary--stats-item-unit">に答える</span> </div> <div class="s-post-summary--stats-item " title="2769 views"> <span class="s-post-summary--stats-item-number">2769</span> <span class="s-post-summary--stats-item-unit">参照</span> </div> </div> <div class="s-post-summary--content"> <h3 class="s-post-summary--content-title"> <a href="/questions/7704281" class="s-link">python - Pythonグラフツールの明示的な頂点位置</a> </h3> <div class="s-post-summary--content-excerpt"> <p>私はpythonグラフツールを使用しています。グラフを描画するには、<a href="http://projects.skewed.de/graph-tool/doc/draw.html" rel="nofollow noreferrer"><code>graph_draw</code>function</a>を使用します。頂点の位置をドットエンジンに明示的に送信したい。という名前のプロパティマップを渡すことができることがわかりました<code>pos</code>。私はそれを私のグラフ<code>v_pos = g.new_vertex_property("vector<double>")</code>がどこにあるかとして定義しようとしました。<code>g</code>それが正しい方法かどうかはわかりません。</p> <p>役に立つと思われるコードスニペットが 1 つあります。</p> <p>頂点位置を (0,2)、(0,4) ... (0,8) に定義する場合はどうすればよいですか?</p> <p>上記のコードスニペットでは、dim を 2 に変更できますが、ランダムなレイアウトは必要ありません。</p> <p>参考までに、私が使用しているこのツールのホームページを以下に示します。<a href="http://projects.skewed.de/graph-tool/" rel="nofollow noreferrer">http://projects.skewed.de/graph-tool/</a></p> </div> <div class="s-post-summary--meta"> <div class="s-post-summary--meta-tags tags js-tags t-cñ t-ûnet t-aspûnet-mvc t-aspûnet-mvc-4 t-actionfilterattribute"> <a href="/tags/python" class="post-tag flex--item mt0 js-tagname-cñ" title="" rel="tag">python</a><a href="/tags/graph" class="post-tag flex--item mt0 js-tagname-cñ" title="" rel="tag">graph</a><a href="/tags/draw" class="post-tag flex--item mt0 js-tagname-cñ" title="" rel="tag">draw</a><a href="/tags/dot" class="post-tag flex--item mt0 js-tagname-cñ" title="" rel="tag">dot</a><a href="/tags/graph-tool" class="post-tag flex--item mt0 js-tagname-cñ" title="" rel="tag">graph-tool</a> </div> <div class="s-user-card s-user-cardminimal"> <div class="s-user-card--info"> <div class="s-user-card--link d-flex gs4"> </div> </div> <time class="s-user-card--time" style="margin-left:5px;"> <span title="2022-04-18 08:34:11Z" class="relativetime"> 2011-10-09T14:42:16.653</span></time> </div> </div> </div> </div><div id="question-summary-71909431" class="s-post-summary js-post-summary" data-post-id="71909431" data-post-type-id="1"> <div class="s-post-summary--stats js-post-summary-stats"> <div class="s-post-summary--stats-item s-post-summary--stats-itememphasized" title="Score of 0"> <span class="s-post-summary--stats-item-number">0</span> <span class="s-post-summary--stats-item-unit">投票する</span> </div> <div class="s-post-summary--stats-item " title="2 answers"> <span class="s-post-summary--stats-item-number">2</span> <span class="s-post-summary--stats-item-unit">に答える</span> </div> <div class="s-post-summary--stats-item " title="7504 views"> <span class="s-post-summary--stats-item-number">7504</span> <span class="s-post-summary--stats-item-unit">参照</span> </div> </div> <div class="s-post-summary--content"> <h3 class="s-post-summary--content-title"> <a href="/questions/7795411" class="s-link">image - DOT グラフに画像で注釈を付ける</a> </h3> <div class="s-post-summary--content-excerpt"> <p>Python で Graphviz/dot グラフを生成するために PyDot を使用しています。ファイルから読み取った画像でノードとエッジに注釈を付けたいのですが、ドキュメントで画像をノードとして配置する方法を見つけましたが、画像をノードの下に配置したり、エッジよりも下に配置したりする方法は見つかりませんでした。</p> <p><a href="http://www.graphviz.org/doc/info/attrs.html" rel="nofollow noreferrer">http://www.graphviz.org/doc/info/attrs.html</a></p> <p><a href="http://www.graphviz.org/doc/info/shapes.html" rel="nofollow noreferrer">http://www.graphviz.org/doc/info/shapes.html</a></p> <p><a href="http://www.graphviz.org/Documentation/html/shapehowto.html" rel="nofollow noreferrer">http://www.graphviz.org/Documentation/html/shapehowto.html</a></p> <p>誰もそれを行う方法を知っていますか?</p> </div> <div class="s-post-summary--meta"> <div class="s-post-summary--meta-tags tags js-tags t-cñ t-ûnet t-aspûnet-mvc t-aspûnet-mvc-4 t-actionfilterattribute"> <a href="/tags/image" class="post-tag flex--item mt0 js-tagname-cñ" title="" rel="tag">image</a><a href="/tags/graphviz" class="post-tag flex--item mt0 js-tagname-cñ" title="" rel="tag">graphviz</a><a href="/tags/dot" class="post-tag flex--item mt0 js-tagname-cñ" title="" rel="tag">dot</a><a href="/tags/edges" class="post-tag flex--item mt0 js-tagname-cñ" title="" rel="tag">edges</a> </div> <div class="s-user-card s-user-cardminimal"> <div class="s-user-card--info"> <div class="s-user-card--link d-flex gs4"> </div> </div> <time class="s-user-card--time" style="margin-left:5px;"> <span title="2022-04-18 08:34:11Z" class="relativetime"> 2011-10-17T14:42:01.090</span></time> </div> </div> </div> </div><div id="question-summary-71909431" class="s-post-summary js-post-summary" data-post-id="71909431" data-post-type-id="1"> <div class="s-post-summary--stats js-post-summary-stats"> <div class="s-post-summary--stats-item s-post-summary--stats-itememphasized" title="Score of 0"> <span class="s-post-summary--stats-item-number">0</span> <span class="s-post-summary--stats-item-unit">投票する</span> </div> <div class="s-post-summary--stats-item " title="1 answers"> <span class="s-post-summary--stats-item-number">1</span> <span class="s-post-summary--stats-item-unit">に答える</span> </div> <div class="s-post-summary--stats-item " title="16184 views"> <span class="s-post-summary--stats-item-number">16184</span> <span class="s-post-summary--stats-item-unit">参照</span> </div> </div> <div class="s-post-summary--content"> <h3 class="s-post-summary--content-title"> <a href="/questions/7922960" class="s-link">graphviz - dot/graphviz を使用したブロック図のレイアウト</a> </h3> <div class="s-post-summary--content-excerpt"> <p>次のモックアップをドットで実装したいと思います。</p> <p><img src="https://i.stack.imgur.com/cEsWD.png" alt="ドットで実装するモックアップ"></p> <p>これまでのところ、私はこれだけ持っています：</p> <p>私はそれを次のようにコンパイルします：</p> <blockquote> <p>ドット -Gsplines=none test.gv | neato -n -Gsplines=ortho -Tpng -otest.png</p> </blockquote> <p>それは私に近づきますが、知りたいことがいくつかあります。</p> <ol> <li><p>Foo の右側だけでなく、左右にブロックを配置するにはどうすればよいですか? 私はまだそれを理解することができませんでした。</p></li> <li><p>エッジラベルを一貫してエッジの上または下に配置することは可能ですか?</p></li> <li><p>右側のノードを左に、左側のノードを右に揃えるにはどうすればよいですか? 1つの可能性は、それらを同じ幅にすることです。これで問題ありません。</p></li> </ol> <p>ありがとう！！</p> <p>アップデート：</p> <p>受け入れられた回答に基づいて、上記のように、ネイトにパイプされたドットを介して生成された、まさに必要なものである次のことを行っています。</p> </div> <div class="s-post-summary--meta"> <div class="s-post-summary--meta-tags tags js-tags t-cñ t-ûnet t-aspûnet-mvc t-aspûnet-mvc-4 t-actionfilterattribute"> <a href="/tags/graphviz" class="post-tag flex--item mt0 js-tagname-cñ" title="" rel="tag">graphviz</a><a href="/tags/dot" class="post-tag flex--item mt0 js-tagname-cñ" title="" rel="tag">dot</a><a href="/tags/graph-layout" class="post-tag flex--item mt0 js-tagname-cñ" title="" rel="tag">graph-layout</a> </div> <div class="s-user-card s-user-cardminimal"> <div class="s-user-card--info"> <div class="s-user-card--link d-flex gs4"> </div> </div> <time class="s-user-card--time" style="margin-left:5px;"> <span title="2022-04-18 08:34:11Z" class="relativetime"> 2011-10-27T22:00:07.013</span></time> </div> </div> </div> </div><div id="question-summary-71909431" class="s-post-summary js-post-summary" data-post-id="71909431" data-post-type-id="1"> <div class="s-post-summary--stats js-post-summary-stats"> <div class="s-post-summary--stats-item s-post-summary--stats-itememphasized" title="Score of 0"> <span class="s-post-summary--stats-item-number">0</span> <span class="s-post-summary--stats-item-unit">投票する</span> </div> <div class="s-post-summary--stats-item " title="4 answers"> <span class="s-post-summary--stats-item-number">4</span> <span class="s-post-summary--stats-item-unit">に答える</span> </div> <div class="s-post-summary--stats-item " title="48240 views"> <span class="s-post-summary--stats-item-number">48240</span> <span class="s-post-summary--stats-item-unit">参照</span> </div> </div> <div class="s-post-summary--content"> <h3 class="s-post-summary--content-title"> <a href="/questions/7951776" class="s-link">doxygen - sh：ドット：コマンドが見つかりません+ doxygen + Lion</a> </h3> <div class="s-post-summary--content-excerpt"> <ul> <li>MacOSバージョン：10.7.2（ライオン）</li> <li>Doxygenバージョン：1.7.5.1</li> <li>Graphvizバージョン：2.29</li> </ul> <p>Doxygen構成：</p> <p>ログコンソールから、最初の行に警告が表示されます。</p> <blockquote> <p>警告：ドットツールが../../../../Applications/Contents/MacOS/Graphvizに見つかりませんでした</p> </blockquote> <p>いろいろ組み合わせてみましたが、画像は出ますが警告は消えません。</p> <blockquote> <p>9つの並列スレッドを使用してドットグラフを生成しています...<br> グラフ1/68のドットを実行しています<br> sh：dot：コマンドが見つかりません</p> <p>dotの実行に関する問題：exit code = 127、command ='dot'、arguments ='"/ Users / salilk / Documents / project / DoxygenDocs / html / a00033.dot" -Tpng -o "/ Users / salilk / Documents / project / DoxygenDocs / html / a00033.png "'</p> </blockquote> <p>htmlディレクトリでは、.dotファイルが生成されていますが、.pngは生成されていません。</p> <p><strong>ターミナルから同じコマンドを実行すると、.pngファイルが生成され、その.htmlファイルに表示されます。</strong></p> <p>コンソールからの別のエラーは次のとおりです。</p> <blockquote> <p>エラー：ドキュメントに含めるためにマップファイル/ Users / salilk / Documents / A2O Collaborate / DoxygenDocs / html / a00032.mapを開く際に問題が発生しました！前回の失敗した実行の後にGraphviz/dotをインストールした場合は、出力ディレクトリを削除してdoxygenを再実行してみてください。</p> </blockquote> <p>これは上記の問題に関連していますか？</p> <p>以前にWindowsマシンでDoxygenを使用したことがありますが、これらのエラーは発生していません。Macに固有の構成を行う必要がありますか？</p> </div> <div class="s-post-summary--meta"> <div class="s-post-summary--meta-tags tags js-tags t-cñ t-ûnet t-aspûnet-mvc t-aspûnet-mvc-4 t-actionfilterattribute"> <a href="/tags/doxygen" class="post-tag flex--item mt0 js-tagname-cñ" title="" rel="tag">doxygen</a><a href="/tags/graphviz" class="post-tag flex--item mt0 js-tagname-cñ" title="" rel="tag">graphviz</a><a href="/tags/dot" class="post-tag flex--item mt0 js-tagname-cñ" title="" rel="tag">dot</a> </div> <div class="s-user-card s-user-cardminimal"> <div class="s-user-card--info"> <div class="s-user-card--link d-flex gs4"> </div> </div> <time class="s-user-card--time" style="margin-left:5px;"> <span title="2022-04-18 08:34:11Z" class="relativetime"> 2011-10-31T09:22:00.807</span></time> </div> </div> </div> </div><div id="question-summary-71909431" class="s-post-summary js-post-summary" data-post-id="71909431" data-post-type-id="1"> <div class="s-post-summary--stats js-post-summary-stats"> <div class="s-post-summary--stats-item s-post-summary--stats-itememphasized" title="Score of 0"> <span class="s-post-summary--stats-item-number">0</span> <span class="s-post-summary--stats-item-unit">投票する</span> </div> <div class="s-post-summary--stats-item " title="1 answers"> <span class="s-post-summary--stats-item-number">1</span> <span class="s-post-summary--stats-item-unit">に答える</span> </div> <div class="s-post-summary--stats-item " title="14309 views"> <span class="s-post-summary--stats-item-number">14309</span> <span class="s-post-summary--stats-item-unit">参照</span> </div> </div> <div class="s-post-summary--content"> <h3 class="s-post-summary--content-title"> <a href="/questions/8002352" class="s-link">graphviz - サブグラフのレイアウトをドットで制御するには?</a> </h3> <div class="s-post-summary--content-excerpt"> <p>私は、さまざまなサイズ<code>digraph</code>の多くの独立したシンプルなもので構成されています。これらすべてのサブグラフを水平に配置するため、最終的に 40000x200 の出力ファイルになります。<code>subgraphs</code><code>dot</code></p> <p><code>dot</code>これらのサブグラフを両方の次元でレイアウトして、次のようなものを取得するにはどうすればよいですか。</p> <p>ありがとう。</p> </div> <div class="s-post-summary--meta"> <div class="s-post-summary--meta-tags tags js-tags t-cñ t-ûnet t-aspûnet-mvc t-aspûnet-mvc-4 t-actionfilterattribute"> <a href="/tags/graphviz" class="post-tag flex--item mt0 js-tagname-cñ" title="" rel="tag">graphviz</a><a href="/tags/dot" class="post-tag flex--item mt0 js-tagname-cñ" title="" rel="tag">dot</a> </div> <div class="s-user-card s-user-card__minimal"> <div class="s-user-card--info"> <div class="s-user-card--link d-flex gs4"> </div> </div> <time class="s-user-card--time" style="margin-left:5px;"> <span title="2022-04-18 08:34:11Z" class="relativetime"> 2011-11-03T21:51:16.667</span></time> </div> </div> </div> </div> </div> <br class="cbt"> <div class="s-pagination site1 themed pager float-left"> <a class="s-pagination--item js-pagination-item " href="/tags/dot?p=1" rel="" title="Go to page 2">1</a><a class="s-pagination--item js-pagination-item " href="/tags/dot?p=2" rel="" title="Go to page 2">2</a><a class="s-pagination--item js-pagination-item " href="/tags/dot?p=3" rel="" title="Go to page 2">3</a><a class="s-pagination--item js-pagination-item " href="/tags/dot?p=4" rel="" title="Go to page 2">4</a><a class="s-pagination--item js-pagination-item " href="/tags/dot?p=5" rel="" title="Go to page 2">5</a><a class="s-pagination--item js-pagination-item " href="/tags/dot?p=6" rel="" title="Go to page 2">6</a><a class="s-pagination--item js-pagination-item " href="/tags/dot?p=7" rel="" title="Go to page 2">7</a><a class="s-pagination--item js-pagination-item " href="/tags/dot?p=8" rel="" title="Go to page 2">8</a><a class="s-pagination--item js-pagination-item " href="/tags/dot?p=9" rel="" title="Go to page 2">9</a><a class="s-pagination--item js-pagination-item is-selected" href="/tags/dot?p=10" rel="" title="Go to page 2">10</a></div> </div> <div id="sidebar" class="show-votes" role="complementary" aria-label="sidebar"> <div class="module js-gps-related-tags" id="related-tags"> <h4 id="h-related-tags">Reference</h4> <div data-name="javascript"> <a href="https://php.github.net.cn" class="post-tag no-tag-menu js-gps-track" >php</a> <span class="item-multiplier"><span class="item-multiplier-x">×</span> <span class="item-multiplier-count">1429865</span> </span> </div> <div data-name="javascript"> <a href="https://c-cpp.com" class="post-tag no-tag-menu js-gps-track" >c/c++</a> <span class="item-multiplier"><span class="item-multiplier-x">×</span> <span class="item-multiplier-count">756500</span> </span> </div> <div data-name="javascript"> <a href="https://nginx.github.net.cn" class="post-tag no-tag-menu js-gps-track" target="_blank">nginx</a> <span class="item-multiplier"><span class="item-multiplier-x">×</span> <span class="item-multiplier-count">49975</span> </span> </div> <div data-name="javascript"> <a href="https://mongodb.net.cn" class="post-tag no-tag-menu js-gps-track" >mongodb</a> <span class="item-multiplier"><span class="item-multiplier-x">×</span> <span class="item-multiplier-count">159057</span> </span> </div> <div data-name="javascript"> <a href="https://mybatis.net.cn" class="post-tag no-tag-menu js-gps-track" >mybatis</a> <span class="item-multiplier"><span class="item-multiplier-x">×</span> <span class="item-multiplier-count">3233</span> </span> </div> <div data-name="javascript"> <a href="https://anaconda.org.cn" class="post-tag no-tag-menu js-gps-track" >anaconda</a> <span class="item-multiplier"><span class="item-multiplier-x">×</span> <span class="item-multiplier-count">13410</span> </span> </div> <div data-name="javascript"> <a href="https://pycharm.net.cn" class="post-tag no-tag-menu js-gps-track" >pycharm</a> <span class="item-multiplier"><span class="item-multiplier-x">×</span> <span class="item-multiplier-count">14671</span> </span> </div> <div data-name="javascript"> <a href="https://python.github.net.cn" class="post-tag no-tag-menu js-gps-track" >python</a> <span class="item-multiplier"><span class="item-multiplier-x">×</span> <span class="item-multiplier-count">1902243</span> </span> </div> <div data-name="javascript"> <a href="https://vscode.github.net.cn" class="post-tag no-tag-menu js-gps-track" >vscode</a> <span class="item-multiplier"><span class="item-multiplier-x">×</span> <span class="item-multiplier-count">56040</span> </span> </div> <div data-name="javascript"> <a href="https://dockerdocs.cn" class="post-tag no-tag-menu js-gps-track" >docker</a> <span class="item-multiplier"><span class="item-multiplier-x">×</span> <span class="item-multiplier-count">110988</span> </span> </div> <div data-name="javascript"> <a href="https://github.net.cn" class="post-tag no-tag-menu js-gps-track" >github</a> <span class="item-multiplier"><span class="item-multiplier-x">×</span> <span class="item-multiplier-count">49000</span> </span> </div> <div data-name="javascript"> <a href="https://flask.github.net.cn" class="post-tag no-tag-menu js-gps-track" >flask</a> <span class="item-multiplier"><span class="item-multiplier-x">×</span> <span class="item-multiplier-count">49129</span> </span> </div> <div data-name="javascript"> <a href="https://ffmpeg.github.net.cn" class="post-tag no-tag-menu js-gps-track" >ffmpeg</a> <span class="item-multiplier"><span class="item-multiplier-x">×</span> <span class="item-multiplier-count">24037</span> </span> </div> <div data-name="javascript"> <a href="https://jmeter.net" class="post-tag no-tag-menu js-gps-track" >jmeter</a> <span class="item-multiplier"><span class="item-multiplier-x">×</span> <span class="item-multiplier-count">16910</span> </span> </div> <div data-name="javascript"> <a href="https://matplotlib.net" class="post-tag no-tag-menu js-gps-track" >matplotlib</a> <span class="item-multiplier"><span class="item-multiplier-x">×</span> <span class="item-multiplier-count">63493</span> </span> </div> <div data-name="javascript"> <a href="https://getbootstrap.net" class="post-tag no-tag-menu js-gps-track" >bootstrap</a> <span class="item-multiplier"><span class="item-multiplier-x">×</span> <span class="item-multiplier-count">54641</span> </span> </div> </div> </div> </div> </div> <footer id="footer" class="site-footer js-footer" role="contentinfo"> <div class="site-footer--container"> <div class="site-footer--logo"> <a href="https://stackoverflow.com"><svg aria-hidden="true" class="native svg-icon iconLogoGlyphMd" width="32" height="37" viewBox="0 0 32 37"><path d="M26 33v-9h4v13H0V24h4v9h22Z" fill="#BCBBBB"/><path d="m21.5 0-2.7 2 9.9 13.3 2.7-2L21.5 0ZM26 18.4 13.3 7.8l2.1-2.5 12.7 10.6-2.1 2.5ZM9.1 15.2l15 7 1.4-3-15-7-1.4 3Zm14 10.79.68-2.95-16.1-3.35L7 23l16.1 2.99ZM23 30H7v-3h16v3Z" fill="#F48024"/></svg></a> </div> <nav class="site-footer--nav"> <div class="site-footer--col"> <h5 class="-title"><a href="https://stackoverflow.jp" class="js-gps-track" data-gps-track="footer.click({ location: 3, link: 15})">Stack Overflow 日本語サイト</a></h5> <p>CC BY-SA知識共有ライセンス契約に従う。</p> </div> </nav> </div> </footer> <script> var _hmt = _hmt || []; (function() { var hm = document.createElement("script"); hm.src = "https://hm.baidu.com/hm.js?709ff2ad9744e86b5b0eee677fc13ede"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(hm, s); })(); </script>  <script async src="https://www.googletagmanager.com/gtag/js?id=G-1MW5BV8G8E"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-1MW5BV8G8E'); </script> <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-6117966252207595" crossorigin="anonymous"></script> </body> </html>