Skip to content

Latest commit

 

History

History
74 lines (57 loc) · 2.22 KB

bubble-chart.md

File metadata and controls

74 lines (57 loc) · 2.22 KB

#Index

Classes

Typedefs

#class: BubbleChart Members

##new BubbleChart(settings) Bubble Chart implementation using d3js.org

Params

  • settings settings - Settings of bubble chart

Example

#type: settings Settings of bubble chart

Params

  • plugins Array.<object> | Array.<string> - Array of plugin microplugin
  • [container=".bubbleChart"] string - Jquery selector which will contain the chart
  • size number - Size of the chart, in pixel
  • [viewBoxSize=size] number - Size of the viewport of the chart, in pixel ViewBoxAttribute
  • [innerRadius=size/3] number - Radius of the Inner Circle, in pixel
  • [outerRadius=size/2] number - Radius of the Outer Circle, in pixel
  • [radiusMin=size/10] number - Minimum radius, in pixel
  • [radiusMax=(outerRadius innerRadius)/2] number - Maximum radius, in pixel
  • [intersectDelta=0] number - Intersection between circles, in pixel
  • [intersectInc=intersectDelta] number - Increment of settings.intersectDelta, in pixel
  • [transitDuration=1000] number - Duration of transition when do animations, in mili-seconds
  • data data - Data information

Type: object
#type: data Data information

Params

  • items Array.<object> - Array of items
    ex:
data.items = [{number: 179, label: "something"}, {number: 220, label: "everything"}]
  • eval function - Function should return a number used to evaluate an item
    ex:
data.eval = function(d){
  return d.number;
}
  • [color=d3.scale.category20] function - Function should return a string used to fill bubbles
    ex:
data.color = function(d){
  return "white";
}

Type: object