@domoinc/ca-filled-image-and-summary-number

CAFilledImageAndSummaryNumber

<img src=media/widget.png height=500 width=500>

Configuration Options

chartName

Type: string
Default: CAFilledImageAndSummaryNumber

Name of chart for Reporting.

delayTime

Type: number
Default: 100

Name of chart for Reporting.

height

Type: number
Default: 250

Width of chart

maxValue

Type: number
Default: 100

Name of chart for Reporting.

minValue

Type: number
Default: 0

Name of chart for Reporting.

shouldValidate

Type: boolean
Default: true

Flag for turning off data validation

strokeWidth

Type: number
Default: 1
Units: px

Width of the stroke lines for the outline.

textColor

Type: color
Default: null

Color of the arrow and text.

textFontFamily

Type: string
Default: Open Sans

Font of the text.

transitionTime

Type: number
Default: 600

Name of chart for Reporting.

updateSizeableConfigs

Type: boolean
Default: true

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

width

Type: number
Default: 250

Width of chart

Data Definition

Label

Type: string

Default validate:

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

Default accessor:

function (line) { return line[0] === undefined ? undefined : String(line[0]); }

Value

Type: number

Default validate:

function (d) { return !isNaN(this.accessor(d)) && this.accessor(d) >= 0; }

Default accessor:

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

Events

Dispatch Events

External Events

Example

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

var chart = d3.select('#vis svg')
	.select('[id^=SingleValueIndicator]')
	.attr('transform', 'translate(264,247)');

//Initialze the widget
var chart = d3.select('#vis svg')
	.select('[id^=DomoWidgetLockDomo]')
	.chart('CAFilledImageAndSummaryNumber')
	// .c({
	// 	width: 250,
	// 	height: 250
	// });

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