结合 d3.js 和backbone.js

我正在开发一个项目，它将所有 d3.js 可视化与backbone.js 组合到一个单页面应用程序中。由于我有很多可视化效果，例如条形图、饼图等，我想知道解决这个问题的最佳方法是什么。

例如，假设我有两个条形图和一个饼图。我是否应该将所有设置的边距、比例、所有图表的所有数据一起呈现在视图中？既然有两种不同类型的图，那么模型应该是什么？

视图、模型、控制器、集合等应该包含哪些内容？

提前致谢，

我研究过将 D3 和 Backbone 结合起来，有一些现有的解决方案：

概述介绍 http://jtuulos.github.io/bayd3-may2013/#/

结合 Backbone 和 D3 的简短教程 https://speakerdeck.com/sameersegal/combining-d3-dot-js-plus-backbone-dot-js-to-create-quick-realtime-graphs

关于 Backbone 和 D3 联姻的长期讨论 http://shirley.quora.com/Marrying-Backbone-js-and-D3-js

一堆用于与 D3 集成的 JS 库 http://mikemcdearmon.com/portfolio/techposts/charting-libraries-using-d3

我还在GitHub上找到了一个库，但似乎不支持......

最后，这些都没有让我真正满意，所以我开发了自己的 Backbone 模型、集合和视图。我设置：

ChartPoint模型 - X 和 Y 坐标和点标签

ChartSeriesCollection - 定义完整图表的 ChartPoint 集合

ChartBaseView- 解释上述数据、处理事件、绘制轴和其他通用功能的视图

BarChartView, LineChartView, PieChartView等 - 用于呈现您想要的图表类型的特定视图。您的大部分 D3 代码都位于此处。

并不是说这是“正确”的方法……只是我的方法。