percent

by grant

HTML

<script src="http://code.highcharts.com/highcharts.js"></script>
<script src="http://code.highcharts.com/highcharts-more.js"></script>
<script src="http://code.highcharts.com/modules/exporting.js"></script>

<div id="container" style="height:400px;margin:1.5em 1em;"></div>

JavaScript

let json = [
  {
    country: "usa",
    total: "327200000",
    confirmed: "104865",
    cper: "0.0320",
    death: "1709",
    dper: "0.0005",
    recovered: "894",
    rper: "0.0003"
  },

  {
    country: "italy",
    total: "60480000",
    confirmed: "84996",
    cper: "0.1405",
    death: "9134",
    dper: "0.0151",
    recovered: "10950",
    rper: "0.0181"
  },

  {
    country: "china",
    total: "1360000000",
    confirmed: "81996",
    cper: "0.0060",
    death: "3299",
    dper: "0.0002",
    recovered: "75100",
    rper: "0.0055"
  },

  {
    country: "spain",
    total: "46660000",
    confirmed: "81996",
    cper: "0.1757",
    death: "3299",
    dper: "0.0071",
    recovered: "75100",
    rper: "0.1610"
  }
];
$(function () {
  var total = [],
    country = [],
    confirmed = [],
    dper =[],
    death = [];
  for (var i in json) {
    country.push(json[i].country);
    confirmed.push(parseInt(json[i].confirmed));
   total.push(parseInt(json[i].total));
    death.push(parseInt(json[i].death));
   dper.push(parseInt(json[i].dper));
  }
  console.log(country);
  console.log(confirmed);
  console.log("death");
  console.log(death);
  console.log("dper");
  console.log(dper);

var usa = [104865, 1709, 894, 327092532];
var data = [7,12,16,32,64];
var dataSum = 0;
for (var i=0;i < data.length;i++) {
    dataSum += data[i]
}

var usaSum = 0;
for (var i=0;i < usa.length;i++) {
    usaSum += usa[i]
}

console.log(usaSum);
    

var chart = new Highcharts.Chart({
    chart: {
        renderTo:'container',
        type: 'column'
    },
    
    title:{
        text:'Chart Title'
    },
    credits:{enabled:false},
    legend:{
    },
    plotOptions: {
    column: {
            stacking: 'normal'
        },
        series: {
            shadow:false,
            borderWidth:0,
            dataLabels:{
                enabled:true,
                formatter:function() {
                    var pcnt = (this.y / usaSum) * 100;
                    return...