Combining d3.js and backbone.js
Combining d3.js and backbone.js
我正在做一个项目,它将所有d3.js可视化与backbone.js结合到一个单页应用程序中。由于我有许多可视化工具,如条形图、饼图等,我想知道解决这个问题的最佳方法是什么。
例如,假设我有两个柱状图和一个饼状图。我应该把所有的边距,比例,所有图表的所有数据都放在一个视图中吗?既然有两种不同类型的图,那么模型应该是什么呢?
视图、模型、控制器、集合等应该是什么?
提前致谢
我已经研究过将D3和Backbone结合起来,有一些现有的解决方案:
报告概述
结合Backbone &D3
关于骨干网和D3结合的更长的讨论
与D3集成的一堆JS库
我还在GitHub上找到了一个库,但似乎不支持…
最后,这些都没有真正让我满意,所以我开发了自己的Backbone模型,集合&的观点。我设置:
ChartPoint
模型- X &Y坐标和点标签
ChartSeries
Collection -定义完整图表的chartpoint集合
ChartBaseView
-解释上述数据,处理事件,绘制轴和其他一般功能的视图
BarChartView
, LineChartView
, PieChartView
等-用于呈现您想要的图表类型的特定视图。大多数D3代码都在这里。
不是说这是"正确"的方法……
相关文章:
- backbone.js无法渲染视图
- 如何使用backbone.js从集合中获取模型名称
- Backbone.js restful json API design
- 2个backbone.js集合,具有相同的模型,但排序顺序不同
- Backbone.js micro templating
- FancyTree JS+Backbone.JS-将数据加载到FancyTree时出现问题
- Backbone.js将模型绑定到视图时出错
- minimy javascript是什么意思?Backbone.js
- Backbone.js视图中的多个模型
- 在哪里存储HTML模板以在Backbone.js中使用
- require.js+backbone.js:如何构造具有初始化函数的模块
- JS/Backbone/Chaplin 事件处理程序未触发
- 使用Undercore.js/Backbone.js模板中的IF语句
- Node.js / backbone.js应用加载配置文件设置
- 渐进式增强- Node.js, Backbone.js
- node.js, backbone, socketio, express和coffee script都在一起吗?
- JS / Backbone -我的简单脚本不会触发"validate"在基本模型中
- Backbone-relational.js + Backbone.View(s)
- Backbone.js:“backbone . collection”;类支持不同类型的对象,以及类如何工作
- Require.js/Backbone.js:多个视图使用相同的集合