DC.js - Mixins


Mixin is an abstract functional object having a lot of pre-defined functions, which can be mixed and used in JavaScript classes. However, they cannot be used as stand-alone. For example, DC.js has a Mixin and dc.baseMixin, which cannot be used as it is, but is used by all the DC chart classes such as the Line Chart, Pie Chart, etc. DC.js has a limited set of useful Mixins to create charts easily and efficiently. They are as follows −

  • baseMixin − baseMixin provides common functionality for all type of charts. It integrates crossfilter and d3.js JavaScript library and provides a simple set of function to create charts with limited knowledge of D3.js.

  • capMixin − capMixin provides grouping support for the data elements below a limit (cap).

  • colorMixin − colorMixin provides color support for the charts.

  • marginMixin − marginMixin provides margin support for the charts.

  • coordinateGridMixin − coordinateGridMixin provides coordinate support for the charts.

  • stackMixin − stackMixin provides stacking support using the d3.layout.stack.

  • bubbleMixin − bubbleMixin provides bubble support for the charts.

Let us understand all these mixins in detail in the subsequent chapters.