Highcharts Demo

author(s): Mustapha Mekhatria

by Sarah Godoshian

HTML

<script src="https://code.highcharts.com/maps/highmaps.js"></script>
<script src="https://code.highcharts.com/modules/tilemap.js"></script>
<script src="https://code.highcharts.com/modules/exporting.js"></script>
<script src="https://code.highcharts.com/modules/offline-exporting.js"></script>

<div id="container"></div>

CSS

#container {
	min-width: 320px;
	max-width: 550px;
	margin: 0 auto
}

JavaScript

let tenantSeries = [{"published":0,"market_id":150,"tenant_id":95,"performance_id":2,"tenant":"FinishLine Stores","performance":"Neutral","count":14},{"published":0,"market_id":150,"tenant_id":124,"performance_id":4,"tenant":"GNC","performance":"Failing","count":13},{"published":0,"market_id":150,"tenant_id":589,"performance_id":2,"tenant":"Auntie Anne's","performance":"Neutral","count":12},{"published":0,"market_id":150,"tenant_id":104,"performance_id":1,"tenant":"Bath & Body Works","performance":"Healthy","count":12},{"published":0,"market_id":150,"tenant_id":204,"performance_id":3,"tenant":"Lids","performance":"Struggling","count":12},{"published":0,"market_id":150,"tenant_id":90,"performance_id":1,"tenant":"Champs","performance":"Healthy","count":11},{"published":0,"market_id":150,"tenant_id":64,"performance_id":1,"tenant":"Forever 21","performance":"Healthy","count":10},{"published":0,"market_id":150,"tenant_id":84,"performance_id":2,"tenant":"Kay Jewelers","performance":"Neutral","count":10},{"published":0,"market_id":150,"tenant_id":92,"performance_id":1,"tenant":"Kids Foot Locker","performance":"Healthy","count":10},{"published":0,"market_id":150,"tenant_id":35,"performance_id":1,"tenant":"Victoria's Secret","performance":"Healthy","count":10}].map((tenant, i) => {
	return {
  x: i,
  value: tenant.performance_id,
  y: tenant.count,
  name: tenant.tenant,
  };
});

console.log(JSON.stringify(tenantSeries));