JSFiddle - React, Tailwind, and code Playground

by gnijuohz

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/echarts/4.0.2/echarts.js"></script>
<div id="chart">

</div>

CSS

#chart {
  width: 800px;
  height: 600px;
 }

JavaScript

const sampleData = [
  {
    "ack_time": "",
    "vd": "root",
    "ack_note": "",
    "fortigate": "FG240D4614801539",
    "f_user": "",
    "devname": "",
    "epname": "mark-macbook",
    "osname": "Mac OS X",
    "bl_count": 3534,
    "cs_score": 14214,
    "unauthuser": "mwesterhof",
    "devtype": "Mac",
    "threat_num": 10,
    "verdict": 4,
    "fctuid": "2A80AF402CC95D9EB3604127F209251F",
    "srcip": "172.27.4.4",
    "ugroup": "",
    "osversion": "10.13.3",
    "epid": "808",
    "last_detected_time": "1518137529",
    "cs_count": 84
  },
  {
    "ack_time": "",
    "vd": "root",
    "ack_note": "",
    "fortigate": "FGT37D4615800568",
    "f_user": "",
    "devname": "Van_Office_FW1",
    "epname": "",
    "osname": "",
    "bl_count": 90,
    "cs_score": 7245,
    "unauthuser": "",
    "devtype": "",
    "threat_num": 9,
    "verdict": 4,
    "fctuid": "",
    "srcip": "172.16.78.28",
    "ugroup": "",
    "osversion": "",
    "epid": "1230",
    "last_detected_time": "1518575142",
    "cs_count": 44
  },
  {
    "ack_time": "",
    "vd": "root",
    "ack_note": "",
    "fortigate": "FGT37D4615800568",
    "f_user": "",
    "devname": "Van_Office_FW1",
    "epname": "VAN-200988-NB   ",
    "osname": "Windows",
    "bl_count": 10,
    "cs_score": 2177,
    "unauthuser": "zm_zh",
    "devtype": "Windows PC",
    "threat_num": 8,
    "verdict": 4,
    "fctuid": "22D102A9EE2347B4872BDD413C176397",
    "srcip": "172.16.78.206",
    "ugroup": "",
    "osversion": "NT 10.0",
    "epid": "1202",
    "last_detected_time": "1518629962",
    "cs_count": 10
  },
  {
    "ack_time": "",
    "vd": "root",
    "ack_note": "",
    "fortigate": "FG3K2D3Z16800032",
    "f_user": "",
    "devname": "Van_Office_QA",
    "epname": "PS423E3X16000075",
    "osname": "FortiOS",
    "bl_count": 1,
    "cs_score": 11703,
    "unauthuser": "melodyzhou",
    "devtype": "Fortinet Device",
    "threat_num": 6,
    "verdict": 4,
    "fctuid": "",
    "srcip": "172.18.56.189",
  ...