DC.js-baseMixin

DC.js-baseMixin is a mixin function in the DC.js library which provides a set of common functionality to various DC chart implementations. This function is used to create reusable chart definitions.

Installation

This library is available on npm and can be installed using the following command:

npm install dc --save

How to use DC.js-baseMixin

Below is an example of how to use DC.js-baseMixin:

var myChart = dc.baseMixin({})
  .dimension(myDimension)
  .group(myGroup)
  .on('filtered', function(chart, filter){ 
    // do something 
  });

In the example above, the myChart object is created by calling the baseMixin() function that takes a configuration object as an argument. Once the object is created, various functions are called on this object to define the chart properties like dimension, group and on.

Properties

DC.js-baseMixin comes with various properties that can be used to create different chart types with customization options. Some of the main properties are as follows:

dimension()

This property sets the data dimension that the chart will use. It is mandatory for every chart implementation.

myChart.dimension(myDimension);

group()

This property sets the data group that the chart will use. It is also mandatory for every chart implementation.

myChart.group(myGroup);

on()

This property adds listeners to different events generated by the chart. The first argument of the function is the event name and the second argument is the callback function.

myChart.on('filtered', function(chart, filter){ 
    // do something 
});

chartRendered()

This property is called after the chart has been rendered. This function is used to enable adding custom modifications to the rendered chart.

myChart.chartRendered(function(chart){ 
    // do something 
});

Other properties

There are various other properties that can be used with DC.js-baseMixin such as transitionDuration(), title(), titleOffset(), height(), width(), filterHandler() and filterPrinter(). These properties are optional and provide customization options to the charts.

Conclusion

DC.js-baseMixin provides a simple and customizable way of creating charts using the DC.js library. It has a set of properties that can be used to create different chart types with various options. This is a great tool for creating reusable chart definitions and is widely used in various web applications.