@domoinc/ca-small-placing-stand
v3.1.1
Published
CASmallPlacingStand - Domo Widget
Downloads
36
Readme
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);