2013-03-02 D3.js - Data-Driven Documentsを使ってツールチップあり複数折れ線グラフのサンプルを作ったのでメモ。 サンプル Multi-Series Line Chartのサンプルをベースに改良しました。 X軸のラベルを回転 D3.js Tips and Tricks: How to rotate the text labels for the x Axis of a d3.js graphを参考にして回転させました。 svg.append("g") .attr("class", "x axis") .attr("transform", "translate(0," + height + ")") .call(xAxis) .selectAll("text") .style("text-anchor", "end") .attr("dx", "-.8em

[PR]上記の広告は3ヶ月以上新規記事投稿のないブログに表示されています。新しい記事を書く事で広告が消えます。 JavaScriptで定期的に実行したい関数がある場合、window.setIntervalを使用することがあるかもしれません。 window.setIntervalは指定した時間毎に関数を実行してくれる便利な関数です。 で、うっかり関数内でsetIntervalを使用した場合、実際うまく動いているように見えることが多いので気付かないかもしれませんが、実は内部で恐ろしいことが起こっています。 <div id="hoge"> <script type="text/javascript">hoge();</script> </div> <script type="text/javascript"> function hoge(){ $.get("hoge.php", function

stockNum.App Something new is just around the corner 👍👍

説明 エレメントの絶対座標値を取得するにはgetBoundingClientRect()を使います。戻り値はオブジェクトで左の座標値はleft、上の座標値はtopプロパティに入ります。座標値は小数値になります。また、スクロール量は加算されません。getBoundingClientRect()はFirefox 3以降およびIEで使うことができます。 サンプルプログラム window.onload = function(){ var ele = document.getElementById("myBox"); var bounds = ele.getBoundingClientRect(); var x = bounds.left; var y = bounds.top; document.getElementById("result").innerHTML = "("+x+","+y+")