@domoinc/ca-male-percent-gauge-banner v2.0.3

CAMalePercentGaugeBanner

Configuration Options

chartName

Type: string
Default: "CAFemalePercentGaugeBanner"

Name of chart for Reporting

gaugeFillPrimaryColor

Type: color
Default: "#99CBED"

The primary fill color of the gauge

generalNotFilledColor

Type: color
Default: "#E4E5E5"

Color used to indicate no data

generalSeparatorColor

Type: color
Default: "#FFFFFF"

Color for element separators

height

Type: number
Default: 250
Units: px

Height of the chart

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.

shouldValidate

Type: boolean
Default: true

Flag for turning off data validation

textFontFamily

Type: string
Default: "Open Sans"

textSize

Type: number
Default: 18
Units: px

Text size of the number

updateSizeableConfigs

Type: boolean
Default: true

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

widgetSpaceHeight

Type: number
Default: 0

undefined

widgetSpaceWidth

Type: number
Default: 0

undefined

widgetSpaceX

Type: number
Default: 0

undefined

widgetSpaceY

Type: number
Default: 0

undefined

width

Type: number
Default: 250
Units: px

Width of the chart

Data Definition

Name

Type: undefined

Default validate:

function (d) { return this.accessor(d) !== undefined; }

Default accessor:

function (line) { return line[0]; }

Value

Type: undefined

Default validate:

function (d) { return !isNaN(this.accessor(d)); }

Default accessor:

function (line) { return Number(line[1]); }

Events

Dispatch Events

External Events

Example

//Setup some fake data
var data = [
  ['Name', 0.78]
];

//Initialze the widget
var chart = d3.select('#vis svg')
  .append('g')
  .attr('transform', 'translate(167.5,249.5)')
  .chart('CAMalePercentGaugeBanner')
  .c({
    width: 81.5,
    height: 81.5,
  });

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