Introducing Socket Firewall: Free, Proactive Protection for Your Software Supply Chain.Learn More
Socket
Book a DemoInstallSign in
Socket

@domoinc/ca-progress-bar-with-text

Package Overview
Dependencies
Maintainers
18
Versions
9
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@domoinc/ca-progress-bar-with-text

CAProgressBarWithText - Domo Widget

latest
npmnpm
Version
6.0.1
Version published
Weekly downloads
0
-100%
Maintainers
18
Weekly downloads
 
Created
Source

CAProgressBarWithText

Configuration Options

chartName

Type: string
Default: "CAProgressBarWithText"

Name of chart for reporting

height

Type: number
Default: 100
Units: px

Height of the widget

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.

neutralStroke

Type: color
Default: "#D7D9DA"

Border color for each element

notFilledColor

Type: color
Default: "#E4E5E5"

Fill color that indicates something is empty

prefix

Type: string
Default: ""

Text added before the number value

primaryFill

Type: color
Default: "#73B0D7"

Fill color for each element

shouldValidate

Type: boolean
Default: true

Flag for turning off data validation

suffix

Type: string
Default: ""

Text added after the number value

textFontFamily

Type: string
Default: "Open Sans"

Font type for the value

updateSizeableConfigs

Type: boolean
Default: true

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

width

Type: number
Default: 100
Units: px

Width of the widget

Data Definition

MaxValue

Type: number

Default validate:

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

Default accessor:

function (line) { return parseFloat(line[2]); }

Name

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

Default accessor:

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

Events

Dispatch Events

External Events

Example

//Setup some fake data
var data = [
  ['Sales', 76, 100]
];

var aHeight = 42;
var aWidth = 424;

//Initialze the widget
var chart = d3.select('#vis svg')
  .append('g')
  .attr('transform', 'translate(38,190)')
  .chart('CAProgressBarWithText')
  .c({
    width: aWidth,
    height: aHeight
  });

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

Keywords

domo

FAQs

Package last updated on 10 Oct 2016

Did you know?

Socket

Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.

Install

Related posts