FusionCharts - Global sales tracker - Handling null entities

Created using FusionCharts Suite XT - www.fusioncharts.com

by FusionCharts

HTML

<script src="https://cdn.fusioncharts.com/fusioncharts/latest/fusioncharts.js"></script>
<script src="https://cdn.fusioncharts.com/fusioncharts/latest/themes/fusioncharts.theme.fusion.js"></script>
<div id="chart-container">FusionCharts will render here</div>

JavaScript

FusionCharts.ready(function() {
  var salesMap = new FusionCharts({
    type: 'maps/usa',
    renderAt: 'chart-container',
    width: '650',
    height: '450',
    dataFormat: 'json',
    dataSource: {
      "map": {
        "theme": "fusion",
        "caption": "Shipping Volume and Costs",
        "subcaption": "Distribution Network - Last Month",
        "numberSuffix": "%",
        "fillColor": "#cccccc",
        "showHoverEffect": "0",
        "showCanvasBorder": "0",
        "showMarkerLabels": "1",
        "showConnectorLabels": "0",
        "connectorColor": "#80a83c",
        "connectorThickness": "2",
        "connectorHoverColor": "#f8bd19",
        "connectorHoverThickness": "3",
        "borderColor": "#ffffff",
        "showShadow": "0"
      },
      "data": [{
        "id": "CA",
        "showLabel": "0",
        "color": "#008ee4",
        "link": "newchart-json-California",
        "hoverColor": "#ffccff",
        "showHoverEffect": "1"
      }, {
        "id": "TX",
        "showLabel": "0",
        "color": "#008ee4",
        "link": "newchart-json-Texas",
        "hoverColor": "#ffccff",
        "showHoverEffect": "1"
      }, {
        "id": "NC",
        "showLabel": "0",
        "color": "#008ee4",
        "link": "newchart-json-NorthCarolina",
        "hoverColor": "#ffccff",
        "showHoverEffect": "1"
      }, ],
      "markers": {
        "shapes": [{
          "id": "myCustomShape",
          "type": "circle",
          "fillcolor": "#f8bd19",
          "showborder": "0",
        }],
        "items": [{
          "shapeid": "myCustomShape",
          "id": "WA",
          "x": "54.5",
          "y": "44.8",
          "radius": "1"
        }, {
          "shapeid": "myCustomShape",
          "id": "OR",
          "x": "58.3",
          "y": "101.7",
          "radius": "1"
        }, {
          "shapeid": "myCustomShape",
          "id": "ID",
          "x": "132.8",
          "y": "110.7",
          "radius": "1"
        }, {
     ...