JSFiddle - React, Tailwind, and code Playground

by t2t2

HTML

<script src="https://cdn.jsdelivr.net/npm/apexcharts"></script>
<div id="chart"></div>

JavaScript

const results = [
		{
			"productId": "CA99DB79-E9CC-497C-A567-CA6E1C74E3BF",
			"productName": "Lily's Island",
			"day": "2021-04-04 04:00:00",
			"sales": 1
		},
		{
			"productId": "CA99DB79-E9CC-497C-A567-CA6E1C74E3BF",
			"productName": "Lily's Island",
			"day": "2021-04-19 04:00:00",
			"sales": 1
		},
		{
			"productId": "CA99DB79-E9CC-497C-A567-CA6E1C74E3BF",
			"productName": "Lily's Island",
			"day": "2021-04-20 10:00:00",
			"sales": 6
		},
		{
			"productId": "CA99DB79-E9CC-497C-A567-CA6E1C74E3BF",
			"productName": "Lily's Island",
			"day": "2021-04-20 11:00:00",
			"sales": 11
		},
		{
			"productId": "CA99DB79-E9CC-497C-A567-CA6E1C74E3BF",
			"productName": "Lily's Island",
			"day": "2021-04-20 12:00:00",
			"sales": 20
		},
		{
			"productId": "CA99DB79-E9CC-497C-A567-CA6E1C74E3BF",
			"productName": "Lily's Island",
			"day": "2021-04-20 13:00:00",
			"sales": 26
		},
		{
			"productId": "CA99DB79-E9CC-497C-A567-CA6E1C74E3BF",
			"productName": "Lily's Island",
			"day": "2021-04-20 14:00:00",
			"sales": 20
		},
		{
			"productId": "CA99DB79-E9CC-497C-A567-CA6E1C74E3BF",
			"productName": "Lily's Island",
			"day": "2021-04-20 15:00:00",
			"sales": 34
		},
		{
			"productId": "CA99DB79-E9CC-497C-A567-CA6E1C74E3BF",
			"productName": "Lily's Island",
			"day": "2021-04-20 16:00:00",
			"sales": 30
		},
		{
			"productId": "CA99DB79-E9CC-497C-A567-CA6E1C74E3BF",
			"productName": "Lily's Island",
			"day": "2021-04-20 17:00:00",
			"sales": 33
		},
		{
			"productId": "CA99DB79-E9CC-497C-A567-CA6E1C74E3BF",
			"productName": "Lily's Island",
			"day": "2021-04-20 18:00:00",
			"sales": 34
		},
		{
			"productId": "CA99DB79-E9CC-497C-A567-CA6E1C74E3BF",
			"productName": "Lily's Island",
			"day": "2021-04-20 19:00:00",
			"sales": 15
		},
		{
			"productId": "CA99DB79-E9CC-497C-A567-CA6E1C74E3BF",
			"productName": "Lily's Island",
			"day": "2021-04-20 20:00:00",
			"sales": 17
		},
		{
			"productId":...