parent-child-comp

percent of parent

by azeq

HTML

<!DOCTYPE html>
<html lang="en">

  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>SquashQL</title>
  </head>

  <body>
    <div id="container" />
  </body>
  <script src="https://unpkg.com/@antv/s2/dist/s2.min.js"></script>

</html>

JavaScript

const squashQLResponse = {
   "cells":[
      {
         "sales ratio %":100.0,
         "sales":115505.0
      },
      {
         "continent_name":"Africa",
         "sales ratio %":23.376693649625558,
         "sales":27001.25
      },
      {
         "continent_name":"Africa",
         "country_name":"Nigeria",
         "sales ratio %":33.33179019489839,
         "sales":9000.0
      },
      {
         "continent_name":"Africa",
         "city_name":"Lagos",
         "country_name":"Nigeria",
         "sales ratio %":100.0,
         "sales":9000.0
      },
      {
         "continent_name":"Africa",
         "country_name":"South Africa",
         "sales ratio %":66.66820980510163,
         "sales":18001.25
      },
      {
         "continent_name":"Africa",
         "city_name":"Cape Town",
         "country_name":"South Africa",
         "sales ratio %":52.77689049371571,
         "sales":9500.5
      },
      {
         "continent_name":"Africa",
         "city_name":"Johannesburg",
         "country_name":"South Africa",
         "sales ratio %":47.22310950628428,
         "sales":8500.75
      },
      {
         "continent_name":"Asia",
         "sales ratio %":38.527985801480455,
         "sales":44501.75
      },
      {
         "continent_name":"Asia",
         "country_name":"China",
         "sales ratio %":51.68392254237193,
         "sales":23000.25
      },
      {
         "continent_name":"Asia",
         "city_name":"Beijing",
         "country_name":"China",
         "sales ratio %":52.17334594189194,
         "sales":12000.0
      },
      {
         "continent_name":"Asia",
         "city_name":"Shanghai",
         "country_name":"China",
         "sales ratio %":47.82665405810806,
         "sales":11000.25
      },
      {
         "continent_name":"Asia",
         "country_name":"India",
         "sales ratio %":48.31607745762807,
         "sales":21501.5
     ...