質問編集履歴

4

非本質な質問を削除

2020/07/11 17:42

投稿

ruei
ruei

スコア284

test CHANGED
File without changes
test CHANGED
@@ -151,39 +151,3 @@
151
151
  </script>
152
152
 
153
153
  ```
154
-
155
-
156
-
157
-
158
-
159
-
160
-
161
- また、
162
-
163
- ```
164
-
165
- for (i=0;i<5;++i) {
166
-
167
- svg.selectAll("line")
168
-
169
- .data({source:i,target:i+5})
170
-
171
- .join("line");
172
-
173
- }
174
-
175
- ```
176
-
177
- とすると、
178
-
179
- ```
180
-
181
- index.html:80 Uncaught TypeError: svg.selectAll(...).data(...).join is not a function
182
-
183
- at index.html:80
184
-
185
- ```
186
-
187
- というエラーが出てしまいます。
188
-
189
- こちらについても分かる方がいらっしゃったらご教示ください。

3

更新

2020/07/11 17:42

投稿

ruei
ruei

スコア284

test CHANGED
File without changes
test CHANGED
@@ -2,17 +2,19 @@
2
2
 
3
3
  辺のない状態のグラフは表示することが出来ました(31行目から51行目)。
4
4
 
5
-
6
-
7
5
  ![イメージ説明](535fcb52d0b57889ad4404abec7cbe37.png)
8
6
 
9
-
7
+ [実際の挙動](https://jsfiddle.net/ypmg8q4t/)です。
10
8
 
11
9
  しかし、59行目から62行目にかけて行っている辺を追加した場合の再描画が行われません。Google Chrome Developer Tools (F12で起動)のコンソールを見ても、エラーが出ている様子はありません(link_setに辺を追加すれば、最初の描画では辺を表示することもできます)。
12
10
 
13
11
 
14
12
 
15
13
  対処方法の分かる方いらっしゃいましたらご教示ください。
14
+
15
+
16
+
17
+ コードは[公式サイトのサンプル](https://www.d3-graph-gallery.com/graph/network_basic.html)から作りました。
16
18
 
17
19
 
18
20
 

2

追記

2020/07/11 17:41

投稿

ruei
ruei

スコア284

test CHANGED
File without changes
test CHANGED
@@ -149,3 +149,39 @@
149
149
  </script>
150
150
 
151
151
  ```
152
+
153
+
154
+
155
+
156
+
157
+
158
+
159
+ また、
160
+
161
+ ```
162
+
163
+ for (i=0;i<5;++i) {
164
+
165
+ svg.selectAll("line")
166
+
167
+ .data({source:i,target:i+5})
168
+
169
+ .join("line");
170
+
171
+ }
172
+
173
+ ```
174
+
175
+ とすると、
176
+
177
+ ```
178
+
179
+ index.html:80 Uncaught TypeError: svg.selectAll(...).data(...).join is not a function
180
+
181
+ at index.html:80
182
+
183
+ ```
184
+
185
+ というエラーが出てしまいます。
186
+
187
+ こちらについても分かる方がいらっしゃったらご教示ください。

1

詳細に

2020/07/10 18:33

投稿

ruei
ruei

スコア284

test CHANGED
File without changes
test CHANGED
@@ -8,7 +8,7 @@
8
8
 
9
9
 
10
10
 
11
- しかし、59行目から62行目にかけて行っている辺を追加した場合の再描画が行われません。Google Chrome Developer Tools (F12で起動)のコンソールを見ても、エラーが出ている様子はありません。
11
+ しかし、59行目から62行目にかけて行っている辺を追加した場合の再描画が行われません。Google Chrome Developer Tools (F12で起動)のコンソールを見ても、エラーが出ている様子はありません(link_setに辺を追加すれば、最初の描画では辺を表示することもできます)
12
12
 
13
13
 
14
14