@domoinc/ca-small-placing-stand v3.1.1

CASmallPlacingStand

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:

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

Default accessor:

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

Value

Type: number

Default validate:

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

Default accessor:

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

Events

Dispatch Events

External Events

Example

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