1

私は自分自身を試してみましたが、明らかに私はこれを機能させるのに十分ではありません:-) 私が達成したいことは、マイクの再利用性の話に似ています - http://bost.ocks.org/mike/chart/ :

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

コードの例を以下に示します。誰か助けてくれませんか？Java または PHP でクラスと OOP を作成する方法は知っていますが、純粋な JS は私の専門分野ではありません :-)

私はこのコードを持っています:

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


       marbles();


    });
});

変数とメイン関数を使用:

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


       var path = "";

..別の変数 (約 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() {

   }

}

ありがとう

ルーカス

4

1 に答える 1

0

JS で OOP を行う方法はいくつかあります。それらは、JS 教祖の本で見つけることができます。

複数のチャートがどのように機能するかを理解したい場合は、Bob Monteverde がチャート ライブラリでモデルをどのように実装したかをご覧ください... https://github.com/novus/nvd3/tree/gh-pages/src/models 彼のコードから多くのことを学べると思います。

この Google グループ スレッドには、再利用可能なチャートのさまざまな例もあります: https://groups.google.com/forum/#!searchin/d3-js/reusable$20charts/d3js/6VSl7srPYIo/iKNkxSr1YF0J

于 2012-04-19T18:28:05.020 に答える