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);