Top Hosts

by gnijuohz

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/echarts/4.1.0/echarts.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.17.11/lodash.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/numeral.js/2.0.6/numeral.min.js"></script>
<div>
Scale
<select id="scale">
  <option value="value">Linear Scale</option>
  <option value="log">Log Scale</option>
</select>
Top
<select id="top">
  <option value="5">5</option>
  <option value="10">10</option>
  <option value="20">20</option>
  <option value="50">50</option>
  <option value="100">100</option>
  <option value="500" selected>500</option>
</select>
</div>
<div id="chart" style="width: 800px; height: 600px"></div>

JavaScript

const data = [
{
    "name": "60.10.1.1",
    "value": [
      71520008,
      118855420
    ]
  },
  {
    "name": "150.1.10.1",
    "value": [
      16716896,
      2177096
    ]
  },
  {
    "name": "150.1.3.1",
    "value": [
      16700432,
      2008396
    ]
  },
  {
    "name": "150.1.4.1",
    "value": [
      16689064,
      1888328
    ]
  },
  {
    "name": "150.1.1.1",
    "value": [
      16647960,
      2062092
    ]
  },
  {
    "name": "150.1.9.1",
    "value": [
      16641968,
      2259472
    ]
  },
  {
    "name": "150.1.7.1",
    "value": [
      16641744,
      1876528
    ]
  },
  {
    "name": "150.1.5.1",
    "value": [
      16640456,
      1919036
    ]
  },
  {
    "name": "150.1.2.1",
    "value": [
      16631552,
      1915120
    ]
  },
  {
    "name": "150.1.6.1",
    "value": [
      3983000,
      1879852
    ]
  },
  {
    "name": "150.1.8.1",
    "value": [
      3956904,
      2098720
    ]
  },
  {
    "name": "50.4.46.1",
    "value": [
      1337728,
      1316868
    ]
  },
  {
    "name": "50.3.111.1",
    "value": [
      1288112,
      1147480
    ]
  },
  {
    "name": "50.2.40.1",
    "value": [
      1286208,
      1184148
    ]
  },
  {
    "name": "50.3.64.1",
    "value": [
      1283016,
      1492388
    ]
  },
  {
    "name": "50.2.13.1",
    "value": [
      1282848,
      1063760
    ]
  },
  {
    "name": "50.3.34.1",
    "value": [
      1277864,
      1390436
    ]
  },
  {
    "name": "50.3.96.1",
    "value": [
      1269408,
      1163352
    ]
  },
  {
    "name": "50.3.200.1",
    "value": [
      1268456,
      1291252
    ]
  },
  {
    "name": "50.4.178.1",
    "value": [
      1256696,
      1287932
    ]
  },
  {
    "name": "50.3.86.1",
    "value": [
      1255072,
      1181552
    ]
  },
  {
    "name": "50.2.139.1",
    "value": [
      1246672,
      1242720
    ]
  },
  {
    "name": "50.1.253.1",
    "value": [
      1242640,
      1404580
    ]
  },
  {
    "name": "50.2.64.1",
   ...