Javascript OOP、getters、setters、run - D3.js - オプション設定でグラフを再作成可能

Question

私は自分自身を試しましたが、私はこの仕事をするには十分ではありません:-)私が達成したいのはMikeの再利用性会談 - http://bost.ocks.org/mike/chart/：

marbles = new Marbles(); 
marbles.width();//getter, setter 
marbles.height();//-||- 
...etc 
marbles.run();//run the code 

コード例を以下に示します。誰かが私を助けてくれますか？

：変数と主な機能と

//initialize on (menu click) 
jQuery(document).ready(function(){ 


     marbles(); 


    }); 
}); 

：私はこのコードを持っている私は、JavaやPHPのクラスとOOPを作る方法を知っているが、純粋なJSは

:-)専門知識の私の領域ではありません

function marbles(){ 
    var height = 500, 
     width = 1000;  


     var path = ""; 

..another VARS（約15）

 var force = d3.layout.force()   
      .size([width, height]); 
     //foci to be set for relation type positioning and nodes placing 

     var links = force.links(), 
      nodes = force.nodes(); 


     run(); 

    //graph starts here by loading data - d3.xml 
    function run (rootNode){ 

    begin(); 


    } 

    //internal timer function - adding nodes one at the time 
    function begin(clickedNode){ 

    } 

    //classical update function 
    function update() { 

    } 

} 

Tハンクス

ルーカス

Answer 1

JSでOOPを行うにはいくつかの方法があります。あなたはちょうど私があなたをどのように考えるか、いくつかのチャートの仕事、してください は... https://github.com/novus/nvd3/tree/gh-pages/src/models をボブモンテベルデは彼のチャートライブラリでモデルを実装する方法を見てみ理解したい場合は、JSの達人

書籍 でそれらを見つけることができます彼のコードから多くのことを学ぶでしょう。 https://groups.google.com/forum/#!searchin/d3-js/reusable$20charts/d3js/6VSl7srPYIo/iKNkxSr1YF0J