@domoinc/ca-stats-corner-icon v1.0.2

CAStatsCornerIcon

Configuration Options

chartName

Type: string
Default: "CAStatsCornerIcon"

Name of chart for reporting

factCircleRadius

Type: number
Default: 50
Units: px

Radii of the circles

gaugeFillPrimaryColor

Type: color
Default: "#73B0D7"

Fill color of the circles and lines

height

Type: number
Default: 500

Height of 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.

labelTextSize

Type: number
Default: 8
Units: px

Font size for the labels

shouldValidate

Type: boolean
Default: true

Flag for turning off data validation

textColor

Type: color
Default: "#FFFFFF"

Color of text

textFontFamily

Type: string
Default: "Open Sans"

updateSizeableConfigs

Type: boolean
Default: true

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

valueTextSize

Type: number
Default: 27
Units: px

Font size for the values

width

Type: number
Default: 500

Width of chart

Data Definition

Label

Type: string

Default validate:

function (d) {
						return d[0] !== null && this.accessor(d) !== undefined;
					}

Default accessor:

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

Value

Type: number

Default validate:

function (d) {
						return d[1] !== null && !isNaN(this.accessor(d));
					}

Default accessor:

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

Events

Dispatch Events

External Events

Example

//Setup some fake data
var data = [
  ['NORTH', 54],
  ['SOUTH', 438],
  ['EAST', 34],
  ['WEST', 91]
];

//Initialze the widget
var chart = d3.select("#vis svg")
  .chart("CAStatsCornerIcon")
  .c({
    width: 500,
    height: 500,
  });

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