teratail header banner
teratail header banner
質問するログイン新規登録

質問編集履歴

3

サンプルページを削除したため

2020/01/08 12:03

投稿

poron_poron
poron_poron

スコア5

title CHANGED
File without changes
body CHANGED
@@ -257,4 +257,6 @@
257
257
 
258
258
  2020/01/08追記
259
259
  サンプルを公開しましたので、可能でしたらChromeとiosのSafari(macとかiPhoneとか)とでご確認いただければと思います。
260
+ ~~サンプルページ~~
260
- [サンプルページ](http://poronporon.html.xdomain.jp/)
261
+ 2020/01/08追記2
262
+ 解決したのでサンプルページは削除しました。

2

サンプルを公開しましたので補足情報に追記しました。

2020/01/08 12:03

投稿

poron_poron
poron_poron

スコア5

title CHANGED
File without changes
body CHANGED
@@ -253,4 +253,8 @@
253
253
  </svg>
254
254
  ```
255
255
  X軸部分が描画されていないよねって事なんだと思ってます。
256
- なぜそうなるのかの原因と修正方法がさっぱり分からなくてお手上げ状態です・・・
256
+ なぜそうなるのかの原因と修正方法がさっぱり分からなくてお手上げ状態です・・・
257
+
258
+ 2020/01/08追記
259
+ サンプルを公開しましたので、可能でしたらChromeとiosのSafari(macとかiPhoneとか)とでご確認いただければと思います。
260
+ [サンプルページ](http://poronporon.html.xdomain.jp/)

1

ソースの記述漏れを修正しました

2020/01/08 09:57

投稿

poron_poron
poron_poron

スコア5

title CHANGED
File without changes
body CHANGED
@@ -147,10 +147,10 @@
147
147
  ];
148
148
 
149
149
  var margin = {top: -4, right: 0, bottom: 14, left: 24};
150
- var width = document.getElementById('tide_graph').clientWidth;
150
+ var width = document.getElementById('graph-box').clientWidth;
151
- var height = document.getElementById('tide_graph').clientHeight;
151
+ var height = document.getElementById('graph-box').clientHeight;
152
152
 
153
- const svg = d3.select("#TideGraphChart");
153
+ const svg = d3.select("#graph");
154
154
 
155
155
  // X軸の設定
156
156
  var x = d3.scaleTime()