@domoinc/merged-states
v2.0.3
Published
MergedStates - Domo Widget
Downloads
5
Readme
MergedStates
Configuration Options
chartName
Type: string
Default: "MergedStates"
Name of chart for Reporting.
generalWashoutColor
Type: color
Default: "#E4E5E5"
Color used to indicate elements that are not being highlighted
height
Type: number
Default: 500
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.
mapColorScale
Type: scale
Default: ""
undefined
mapScale
Type: number
Default: 1000
undefined
shouldValidate
Type: boolean
Default: true
Flag for turning off data validation
tooltipBackgroundColor
Type: color
Default: "#555555"
Background color of the tooltip
tooltipFontFamily
Type: string
Default: "Open Sans"
Font family for the tooltip
tooltipTextColor
Type: color
Default: "#FFFFFF"
Color of the tooltip text
tooltipTextSize
Type: number
Default: 12
Units: px
Size of the tooltip text
transitionTime
Type: number
Default: 500
undefined
updateSizeableConfigs
Type: boolean
Default: true
Flag for turning off the mimic of illustrator's scale functionality
width
Type: number
Default: 960
Data Definition
Region
Type: string
Default validate:
function (d) { return this.accessor(d) !== undefined; }
Default accessor:
function (line) { return line[0] === undefined ? undefined : String(line[0]); }
State
Type: string
Default validate:
function (d) { return this.accessor(d) !== undefined; }
Default accessor:
function (line) { return line[0] === undefined ? undefined : String(line[0]); }
Events
Dispatch Events
External Events
Example
var data = [
['ALABAMA', 'Digital Region'],
['ALASKA', 'Digital Region'],
['ARIZONA', 'Digital Region'],
['ARKANSAS', 'South'],
['CALIFORNIA', 'CALIFORNIA'],
['COLORADO', 'Digital Region'],
['CONNECTICUT', 'Digital Region'],
['DELAWARE', 'Digital Region'],
['FLORIDA', 'South'],
['GEORGIA', 'South'],
['HAWAII', 'No Region'],
['INDIANA', 'Digital Region'],
['IOWA', 'Digital Region'],
['KANSAS', 'Digital Region'],
['KENTUCKY', 'Digital Region'],
['LOUISIANA', 'South'],
['MAINE', 'Digital Region'],
['MARYLAND', 'Digital Region'],
['MASSACHUSETTS', 'Digital Region'],
['MICHIGAN', 'Digital Region'],
['MINNESOTA', 'Digital Region'],
['MISSISSIPPI', 'South'],
['MISSOURI', 'Digital Region'],
['MONTANA', 'Midwest'],
['NEBRASKA', 'Midwest'],
['NEVADA', 'Digital Region'],
['NEW HAMPSHIRE', 'Digital Region'],
['NEW JERSEY', 'Digital Region'],
['NEW MEXICO', 'Midwest'],
['NEW YORK', 'Digital Region'],
['NORTH CAROLINA', 'South'],
['NORTH DAKOTA', 'Midwest'],
['OHIO', 'Digital Region'],
['OKLAHOMA', 'Midwest'],
['OREGON', 'Digital Region'],
['PENNSYLVANIA', 'Digital Region'],
['RHODE ISLAND', 'Digital Region'],
['SOUTH CAROLINA', 'South'],
['SOUTH DAKOTA', 'Digital Region'],
['TENNESSEE', 'South'],
['TEXAS', 'South'],
['UTAH', 'Digital Region'],
['VERMONT', 'Digital Region'],
['VIRGINIA', 'Digital Region'],
['WASHINGTON', 'Digital Region'],
['WEST VIRGINIA', 'Digital Region'],
['WISCONSIN', 'Digital Region'],
['WYOMING', 'Midwest']
];
var chart = d3.select('#vis')
.append('svg')
.attr({
'width': 1000,
'height': 1000
})
.append('g')
.chart('MergedStates')
.c({
'width': 960,
'height': 500
})
// .on('regionSliceHover', function (d) {console.log('hover:', d)})
// .on('regionSliceHoverOff', function () {console.log('off')});
chart.draw(data);
['South', 'junk', 'Midwest', 'Digital Region', 'No Region', null].forEach(function(d, i) {
setTimeout(function() {
if (d)
chart.trigger('regionHover', d);
else
chart.trigger('regionHoverOff');
}, i * 1000 + 1000);
});
//setTimeout(function ()
//{
// var data2 = [
// ['MICHIGAN', 'Digital Region'],
// ['MINNESOTA', 'Digital Region'],
// ['MISSISSIPPI', 'South'],
// ['MISSOURI', 'Digital Region'],
// ['MONTANA', 'Midwest'],
// ['NEBRASKA', 'Midwest'],
// ['NEVADA', 'Digital Region'],
// ['NEW HAMPSHIRE', 'Digital Region'],
// ['NEW JERSEY', 'Digital Region'],
// ['NEW MEXICO', 'Midwest'],
// ['NEW YORK', 'Digital Region'],
// ['NORTH CAROLINA', 'South'],
// ['NORTH DAKOTA', 'Midwest'],
// ['OHIO', 'Digital Region'],
// ['OKLAHOMA', 'Midwest'],
// ['OREGON', 'Digital Region'],
// ['PENNSYLVANIA', 'Digital Region'],
// ['RHODE ISLAND', 'Digital Region'],
// ['SOUTH CAROLINA', 'South'],
// ['SOUTH DAKOTA', 'Digital Region']
// ];
//
// chart.draw(data2);
//},
//2000);