结合d3.js和backbone.js

Question

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

例如，假设我有两个条形图和一个饼图。我应该放置所有设置的边距，比例，在视图中将所有图表的所有数据一起渲染吗？由于有两种不同类型的图形，模型应该是什么？

应该查看View，Model，Controller，Collection等等？

提前致谢，

Answer 1

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

Overview presentation

Short tutorial on combining Backbone & D3

Longer discussion on marrying Backbone and D3

A bunch of JS libraries for integrating with D3

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

最后，这些都没有让我满意，所以我开发了自己的Backbone模型，系列和产品。观点。我成立了：

ChartPoint模型 - X＆amp; Y坐标和点标签

ChartSeries Collection - 定义完整图表的ChartPoints集合

ChartBaseView - 解释上述数据，处理事件，绘制轴和其他一般函数的视图

BarChartView，LineChartView，PieChartView等 - 用于呈现所需图表类型的特定视图。你的大部分D3代码都在这里。

不是说这是“正确”的方式......只是我的方式。