# @domoinc/ca-small-placing-stand

> CASmallPlacingStand - Domo Widget

Latest version **3.1.1** (published 2016-10-10) · SEE LICENSE IN LICENSE license · 0 weekly downloads

## Install

```sh
npm install @domoinc/ca-small-placing-stand
pnpm add @domoinc/ca-small-placing-stand
yarn add @domoinc/ca-small-placing-stand
bun add @domoinc/ca-small-placing-stand
```

## Health

**Score 15/100 (F)** — status: abandoned.

Positive: no vulnerabilities.

Warnings: low downloads; no types; no esm support.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 3.1.1 |
| Published | 2016-10-10 |
| First published | 2016-02-18 |
| Weekly downloads | 0 |
| License | SEE LICENSE IN LICENSE |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 5 |
| Known vulnerabilities | 0 |
| Install scripts | no |
| Author | Domo Inc. |
| Maintainers | aharris88, andrewjensen, bkingery, bmbarker-domo, clm, dallasnorton, excrispy, freakaziod210, jaxry, jgalb, jmstewart, jonathan-law, k4paul, lcwright21, morganjohn12, nicksrandall, scott.davidson.domo, whitney.rosenberg |
| Keywords | domo, app |

## Links

- npm: https://www.npmjs.com/package/@domoinc/ca-small-placing-stand
- npm.io page: https://npm.io/package/@domoinc/ca-small-placing-stand

## Dependencies (5)

- [@domoinc/da-theme2](https://npm.io/package/@domoinc/da-theme2.md) ^2.3.1
- [@domoinc/utilities](https://npm.io/package/@domoinc/utilities.md) ^4.2.3
- [@domoinc/base-widget](https://npm.io/package/@domoinc/base-widget.md) ^1.5.2
- [@domoinc/domo-tooltip](https://npm.io/package/@domoinc/domo-tooltip.md) ^5.1.10
- [@domoinc/summary-number](https://npm.io/package/@domoinc/summary-number.md) ^0.1.1

## Recent versions

- 3.1.1 (latest) — 2016-10-10
- 3.1.0 — 2016-05-02
- 3.0.2 — 2016-03-10
- 3.0.1 — 2016-03-07
- 3.0.0 — 2016-02-18

## README

# CASmallPlacingStand



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

## Configuration Options


#### SVGX
Type: `number`  
Default: `0`  

The starting Y value of the svg

#### SVGY
Type: `number`  
Default: `0`  

The starting Y value of the svg

#### chartName
Type: `string`  
Default: `CASmallPlacingStand`  

Name of chart for Reporting

#### height
Type: `number`  
Default: `250`  
Units: `px`

undefined

#### labelTextColor
Type: `color`  
Default: `#333333`  

Color of the chart name label text

#### labelTextSize
Type: `number`  
Default: `10`  
Units: `px`

undefined

#### mainStandColor
Type: `color`  
Default: `#B9DAF3`  

Main color of the stands

#### numberTextSize
Type: `number`  
Default: `12`  
Units: `px`

undefined

#### shouldValidate
Type: `boolean`  
Default: `true`  

Flag for turning off data validation

#### standShadowColor
Type: `color`  
Default: `#A8CFEE`  

Color of the shadow on the stands

#### textColor
Type: `color`  
Default: `#B9DAF3`  

Color of the numbers on the stands

#### textFontFamily
Type: `string`  
Default: `Open Sans`  

Font family of the numbers on the stands

#### tooltipBackgroundColor
Type: `color`  
Default: `#555555`  

Background color of the tooltip

#### tooltipTextColor
Type: `color`  
Default: `#FFFFFF`  

Color of the tooltip text

#### tooltipTextSize
Type: `number`  
Default: `12`  
Units: `px`

Text size of the tooltip text

#### updateSizeableConfigs
Type: `boolean`  
Default: `true`  

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

#### valueTextColor
Type: `color`  
Default: `#888888`  

Color of the chart value label text

#### valueTextSize
Type: `number`  
Default: `8`  
Units: `px`

undefined

#### widgetHeight
Type: `number`  
Default: `250`  
Units: `px`

Height of the tallest stand

#### widgetWidth
Type: `number`  
Default: `250`  
Units: `px`

Total width of all three stands

#### widgetX
Type: `number`  
Default: `0`  

The starting X value of the svg

#### widgetY
Type: `number`  
Default: `0`  

The starting Y value of the svg

#### width
Type: `number`  
Default: `250`  
Units: `px`

undefined

## Data Definition


#### Label
Type: `string`

Default validate:  
```js
function (d) {
                    return this.accessor(d) !== undefined;
                }
```

Default accessor:  
```js
function (line) {
                    return String(line[0]);
                }
```

#### Value
Type: `number`

Default validate:  
```js
function (d) {
                    return !isNaN(this.accessor(d)) && this.accessor(d) !== '';
                }
```

Default accessor:  
```js
function (line) {
                    return (line[1] === '' ? '' : Number(line[1]));
                }
```

## Events


#### Dispatch Events

#### External Events


## Example

```js  
//Setup some fake data
var data = [
  [1,2,3],
  [4,5,6],
  [7,8,9]
];

//Initialze the widget
var chart = d3.select('#vis')
  .append('svg')
  .attr({
    height: '500px',
    width: '500px'
  })
  .append('g')
  .chart('CASmallPlacingStand')
  .c({
    width: 250,
    height: 250
  });

//Render the chart with data
chart._notifier.showMessage(true);
chart.draw(data);
setTimeout(function() { chart.draw(data)}, 2000);
```

---
_Source: https://npm.io/package/@domoinc/ca-small-placing-stand · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._