D3.jsとは、データに基づいてHTMLやSVGドキュメントを編集するために作られた、小規模なオープンソースのJavaScript可視化ライブラリです。
JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。
Q&A
解決済
2回答
1472閲覧
総合スコア15
0グッド
0クリップ
投稿2014/10/01 05:18
0
D3.jsで、棒グラフを描いたのですが、X軸がグラフの上にでてしまいます。 下に持っていきたいのですが、何が悪いのでしょうか?
lang1svg.append("g") 2 .attr("class", "axis") 3 .call(xAxis);
lang
1svg.append("g") 2 .attr("class", "axis") 3 .call(xAxis);
気になる質問をクリップする
クリップした質問は、後からいつでもMYページで確認できます。
またクリップした質問に回答があった際、通知やメールを受け取ることができます。
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
質問へのコメント
回答2件
ベストアンサー
transformして移動させる必要があります。
以下で大丈夫なはずです。
lang1svg.append("g") 2 .attr("class", "axis") 3 .attr("transform", "translate(0,描画サイズ)") 4 .call(xAxis);
1svg.append("g") 2 .attr("class", "axis") 3 .attr("transform", "translate(0,描画サイズ)") 4 .call(xAxis);
投稿2014/10/01 07:10
総合スコア52
xAxisに .orient("bottom") を適用して、 gのところ(xAxisのcallの前)に .attr("transform", "translate(0," + height + ")") を追加すればできると思います。 heightはグラフの高さです。
.orient("bottom")
.attr("transform", "translate(0," + height + ")")
height
投稿2014/10/01 05:53
総合スコア1356
あなたの回答
tips
太字
斜体
打ち消し線
見出し
引用テキストの挿入
コードの挿入
リンクの挿入
リストの挿入
番号リストの挿入
表の挿入
水平線の挿入
プレビュー
15分調べてもわからないことはteratailで質問しよう!
ただいまの回答率85.29%
質問をまとめることで思考を整理して素早く解決
テンプレート機能で簡単に質問をまとめる
D3.jsのコードの問題点を教えて下さい
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。