d3.js

0熱

1答えて

D3に車を実装しました。情報グラフィックしかしながら;私のコンテナではかなり大きく、アニメーション化されていません。私はこれらの要素をグループ化し、スケールダウンして、&を最終的にアニメーション化してループ内または連続して移動したいと考えています。基本的に、車をはるかに小さくして、ページの周りを自由に動かすことができます。 d3.select('#dataVizContainer svg').ap

0熱

1答えて

SVGをコンテナのサイズに合わせて描画するにはどうすればよいですか？

私はD3.jsコンポーネントを持っており、受け取ったデータに基づいてチャートを動的にレンダリングします。私の問題は、膨大な数のデータを受け取ったときにコンポーネントが大きくなり（各ビジュアル要素のサイズがあらかじめ定義されているため）、コンポーネントをリファクタリングして画面に収まるようにすべての要素のサイズを計算したくないということです。

1熱

1答えて

d3で生成された凸包にラベルを追加するにはどうすればよいですか？

力指向グラフのノードの周囲に凸包を描くために、d3 v4とthis technique（若干修正）を使用しました。素晴らしい作品ですが、今はこれらのノードのグループにラベルを付ける必要があります。最終的には、this SVGのようなものを描きたいと思います。ポリゴンの移動に伴って移動するように、またはある種の別のグループを作成する必要があるように、テキスト要素を凸状のヌルポリゴンに追加することは可

2熱

1答えて

SVGのテキスト要素にテキストを追加することはできますか？

私は、その特定のテキストをクリックしてデータラベルの最後に新しいテキスト要素を追加しようとしています。出来ますか？私は自分のコードにこれを追加しようとしました、それが追加されるテキスト表示されません。 circleGroup.selectAll("text") .data(data) .enter() .append("text") .tex

0熱

1答えて

グラフを中央に配置する - d3

私は3つのチャートをすべてHTMLページの中央に配置します。私はこの質問が以前に尋ねられたが、解決策のどれも私のために働いていなかったことを知っている：私はthisとthisを試した。 Plunkerさんへのフィードバックを頂くことができますか？ページの中央に図表がありますか？あなたのCSSで、その後のdiv <div class="svg-div"> //your svgs\ </

1熱

1答えて

v3のd3.jsズーム伝播：1本の指が子要素の上にあるときにマップをピンチでズームする

興味のある場所がインタラクティブなマップをsvgサークルとして表示しています。各円にはタッチスタートまたはマウスイベントがあり、透明な四角形はd3.zoom（）にバインドされているので、地図を拡大できます！私はズームをピンチ、そして私の脂肪の指の一つは、これらの円のいずれかにあることを起こる、ズームはIない限り、自分の携帯電話に奇妙な動作するかどう今 <div id="map"> <sv

1熱

1答えて

SVG D3イメージのサイズ変更の問題

私はd3を使用して作成されたSVGイメージを持っています。私はそれが親のdivコンテナ内にsvgイメージを格納したいと思います。しかし、svgは親divを超えています。以下は私のコードです： <div id="test" style="{width: 500px; height:500px;}"> <svg></svg> </div> <script> va

3熱

1答えて

事前に投影されたジオメトリvブラウザにそれを実行させる（効率性と柔軟性）

私のオンラインマップ、特にスマートフォンのパフォーマンスを向上させるために、アップロード前にできるだけジオデータを準備するMike Bostockの助言に従いますそれはサーバーに（彼のcommand-line cartographyによると）。たとえば、マップをロードするときに、ブラウザの表示を非表示にするのではなく、コマンドラインでTopoJSONデータを通常d3.geoConicEqualAr

1熱

2答えて

d3 v4折れ線グラフデータ

この折れ線グラフの例を新しいフォーマットデータで使用したいと考えています。 https://codepen.io/sky790312/pen/EbdRNb 旧データ形式とx軸： const DATA1 = [9.5, 2, 5, 7, 5, 3, 0]; const LABELS = [ 'monday', 'tuesday', 'wednesday',

2熱

1答えて

d3jsを使用してSVGオブジェクト内のテキストにアクセス

私はd3jsを初めて使用しており、SVG要素からテキスト値を取得しようとしています。 HTML d3.json負荷前に：：以下は私のコードをHTMLとJavaScriptである <div id="model_container" style="position: fixed; top: 0px; bottom: 0px; left: 0px; right: 20%"> </div>