@domoinc/radius-legend v1.0.2

RadiusLegend

Configuration Options

chartName

Type: string
Default: "RadiusLegend"

Name of chart for Reporting.

clipPathID

Type: string
Default: "clipPathID"

ClipPath ID passed in from previous widget. Cannot do parentNode from here since it is in a group within the parent widget.

height

Type: number
Default: 250
Units: px

isOnMobile

Type: boolean
Default: false

If true, it signals to the widget that it is running on a mobile device. Should be called before draw and then NEVER changed.

maxRadius

Type: number
Default: 100

maxValue

Type: number
Default: 1000

Max value of domain

shouldValidate

Type: boolean
Default: true

Flag for turning off data validation

textFontColor

Type: color
Default: "#CCCCCC"

textFontFamily

Type: string
Default: "Open Sans"

textFontSize

Type: number
Default: 14
Units: px

updateSizeableConfigs

Type: boolean
Default: true

Flag for turning off the mimic of illustrator's scale functionality

width

Type: number
Default: 250
Units: px

Data Definition

Events

Dispatch Events

dispatch:mouseover
dispatch:mouseout

External Events

external:mouseenter
external:mouseleave

Example

/*----------------------------------------------------------------------------------
 Create Widget -> index.html

 © 2011 - 2015 DOMO, INC.
 ----------------------------------------------------------------------------------*/

//Setup some fake data
var data = [[0]];

//Initialze the widget
var chart = d3.select("#vis")
  .append("svg")
  .attr({
    height: '500px',
    width: '500px'
  })
  .append("g")
  .attr('transform', 'translate(50,50)')
  .chart("RadiusLegend")
  .c({
    width: 250,
    height: 250,
    // minValue: 12,
    maxValue: 200,
  });

//Render the chart with data
chart._notifier.showMessage(true);
chart.draw(data);