Javascript OOP, getters, setters, run - D3.js - 通过选项设置使图形可重用
Javascript OOP, getters, setters, run - D3.js - make graph resuable by option settings
我试过自己,但不幸的是,我不够好,无法完成这项工作:-)我想要实现的类似于迈克的可重用性谈话 - 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() {
}
}
谢谢
卢卡斯
有几种方法可以在 JS 中执行 OOP。你可以在书中找到它们作者:JS大师
如果您只是想了解几个图表的工作原理,请看看鲍勃·蒙特维德(Bob Monteverde)如何在他的图表库中实现模型...https://github.com/novus/nvd3/tree/gh-pages/src/models我想你会从他的代码中学到很多东西。
在这个谷歌组线程中还有各种可重复使用图表的例子:https://groups.google.com/forum/#!searchin/d3-js/reusable$20charts/d3js/6VSl7srPYIo/iKNkxSr1YF0J
相关文章:
- 设置选项对象关键点:值对以实现带第二个y轴的动态打印
- Grunt为任务设置选项,并使用新值运行该任务
- 无法在 IE 中设置选项元素的属性
- 使用设置选项时未引用高图表错误
- 使用多维数组使用 ng-option 设置选项的值和文本
- 如何设置选项选择的值
- 在 React-Leaflet 库中为
- 如何使用 AngularJS 从控制器
的 中设置选项值 - 基于数据属性的选择下拉列表中的设置选项
- 如何在 JSHint 中设置选项列表
- SenchaTouch2 - 侦听商店加载事件,设置选项卡面板项“徽章文本”
- 根据 if / else 语句修改设置“选项”值
- 如何设置选项以选择框
- 在角度模态打开后设置选项
- 使用 jQuery 设置选项值以外的默认值
- 在 jade 筛选器中使用区域设置选项失败
- xml2js:无法在 parseString() 函数中设置选项
- 设置选项接受一个数字变量,拒绝另一个数字变量
- jQuery UI选项卡,设置选项卡被动和主动
- 谷歌地图多边形在设置选项后不更新颜色