Combining d3.js and backbone.js

Combining d3.js and backbone.js

本文关键字:js backbone and Combining d3      更新时间:2023-09-26

我正在做一个项目,它将所有d3.js可视化与backbone.js结合到一个单页应用程序中。由于我有许多可视化工具,如条形图、饼图等,我想知道解决这个问题的最佳方法是什么。

例如,假设我有两个柱状图和一个饼状图。我应该把所有的边距,比例,所有图表的所有数据都放在一个视图中吗?既然有两种不同类型的图,那么模型应该是什么呢?

视图、模型、控制器、集合等应该是什么?

提前致谢

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

报告概述

结合Backbone &D3

关于骨干网和D3结合的更长的讨论

与D3集成的一堆JS库

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

最后,这些都没有真正让我满意,所以我开发了自己的Backbone模型,集合&的观点。我设置:

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

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

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

BarChartView, LineChartView, PieChartView等-用于呈现您想要的图表类型的特定视图。大多数D3代码都在这里。

不是说这是"正确"的方法……