dc.js

Class: bubbleChart

dc. bubbleChart

new bubbleChart(parent [, chartGroup])

A concrete implementation of a general purpose bubble chart that allows data visualization using the following dimensions:

  • x axis position
  • y axis position
  • bubble radius
  • color

Examples:

Parameters:
Name Type Argument Description
parent String | node | d3.selection

Any valid d3 single selector specifying a dom block element such as a div; or a dom element or d3 selection.
chartGroup String <optional>

The name of the chart group this chart instance should be placed in. Interaction with a chart will only trigger events and redraws within the chart's group.
Mixes In:
Source:
Returns:
Type
dc.bubbleChart
Example
// create a bubble chart under #chart-container1 element using the default global chart group
var bubbleChart1 = dc.bubbleChart('#chart-container1');
// create a bubble chart under #chart-container2 element using chart group A
var bubbleChart2 = dc.bubbleChart('#chart-container2', 'chartGroupA');

Methods

elasticRadius( [elasticRadius])

Turn on or off the elastic bubble radius feature, or return the value of the flag. If this feature is turned on, then bubble radii will be automatically rescaled to fit the chart better.

Parameters:
Name Type Argument Default Description
elasticRadius Boolean <optional>
 false
Source:
Returns:
Type
Boolean | dc.bubbleChart

sortBubbleSize( [sortBubbleSize])

Turn on or off the bubble sorting feature, or return the value of the flag. If enabled, bubbles will be sorted by their radius, with smaller bubbles in front.

Parameters:
Name Type Argument Default Description
sortBubbleSize Boolean <optional>
 false
Source:
Returns:
Type
Boolean | dc.bubbleChart