@domoinc/merged-states v2.0.3

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