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