echarts example

by vinodlouis

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/echarts/4.7.0/echarts.min.js"></script>
<script src="https://echarts.apache.org/examples/vendors/echarts-gl/echarts-gl.js"></script>
<div id="main" style="width: 800px;height:600px;"></div>

JavaScript

var datacenters = {
   name: "dc1",
   eei: 0.5,
   asiles: [{
       name: "dc1-a1",
       eei: 0.6,
       type: "asile",
       racks: [{
           name: "dc1-a1-r1",
           eei: 0.6,
           type: "rack",
           items: [{
               name: "dc1-a1-r1-s1",
               type: "server",
               eei: 0.8
             },
             {
               name: "dc1-a1-r1-s2",
               type: "server",
               eei: 0.6
             }
           ]
         },
         {
           name: "dc1-a1-r2",
           eei: 0.3,
           type: "rack",
           items: [{
               name: "dc1-a1-r2-s1",
               type: "server",
               eei: 0.8
             },
             {
               name: "dc1-a1-r2-s2",
               type: "server",
               eei: 0.6
             }
           ]
         },
         {
           name: "dc1-a1-r3",
           eei: 0.6,
           type: "rack",
           items: [{
               name: "dc1-a1-r3-s1",
               type: "server",
               eei: 0.8
             },
             {
               name: "dc1-a1-r3-s2",
               type: "server",
               eei: 0.6
             }
           ]
         },
         {
           name: "dc1-a1-r4",
           eei: 0.4,
           type: "rack",
           items: [{
               name: "dc1-a1-r4-s1",
               type: "server",
               eei: 0.8
             },
             {
               name: "dc1-a1-r4-s2",
               type: "server",
               eei: 0.6
             }
           ]
         }
       ]
     },
     {
       name: "dc1-a2",
       eei: 0.4,
       type: "asile",
       racks: [{
           name: "dc1-a2-r1",
           eei: 0.1,
           type: "rack",
           items: [{
               name: "dc1-a2-r1-s1",
               type: "server",
               eei: 0.8
             },
             {
               name: "dc1-a2-r1-s2",
               type: "server",
               eei: 0.6
...