Funnel with Gradient Fill

by amcharts

HTML

<script src="https://www.amcharts.com/lib/4/core.js"></script>
<script src="https://www.amcharts.com/lib/4/charts.js"></script>
<script src="https://www.amcharts.com/lib/4/themes/animated.js"></script>
<div id="funnelChartdiv"></div>
<div id="columnChartdiv"></div>

CSS

body {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}

#funnelChartdiv , #columnChartdiv{
  width: 100%;
  height: 500px;
}

JavaScript

let loObject =[{
  "applicationDate": "2020-04-10 10:08:03.0",
  "lsrn": "L2004-1010-0802-8324",
  "dsrn": "D2004-1009-5102-5592",
  "companyId": 34,
  "companyName": "test sugar",
  "industry": "Building Products",
  "loanAmount": 5.0E7,
  "status": "Action Required",
  "Comments": "Comments"
},
{
  "applicationDate": "2020-04-10 10:08:03.0",
  "lsrn": "L2004-1010-0803-0833",
  "dsrn": "D2004-1009-5102-5592",
  "companyId": 34,
  "companyName": "test sugar",
  "industry": "Building Products",
  "loanAmount": 5.0E7,
  "status": "Action Required",
  "Comments": "Comments"
},
{
  "applicationDate": "2020-04-10 10:08:03.0",
  "lsrn": "L2004-1010-0802-8324",
  "dsrn": "D2004-1009-5102-5592",
  "companyId": 34,
  "companyName": "test sugar",
  "industry": "Building Products",
  "loanAmount": 5.0E7,
  "status": "Action Required",
  "Comments": "Comments"
},
{
  "applicationDate": "2020-04-10 10:08:03.0",
  "lsrn": "L2004-1010-0803-0833",
  "dsrn": "D2004-1009-5102-5592",
  "companyId": 34,
  "companyName": "test sugar",
  "industry": "Building Products",
  "loanAmount": 5.0E7,
  "status": "Approved",
  "Comments": "Comments"
},
{
  "applicationDate": "2020-04-10 10:08:03.0",
  "lsrn": "L2004-1010-0802-8324",
  "dsrn": "D2004-1009-5102-5592",
  "companyId": 34,
  "companyName": "test sugar",
  "industry": "Building Products",
  "loanAmount": 5.0E7,
  "status": "Action Required",
  "Comments": "Comments"
},
{
  "applicationDate": "2020-04-10 10:08:03.0",
  "lsrn": "L2004-1010-0803-0833",
  "dsrn": "D2004-1009-5102-5592",
  "companyId": 34,
  "companyName": "test sugar",
  "industry": "Building Products",
  "loanAmount": 5.0E7,
  "status": "Action Required",
  "Comments": "Comments"
},
{
  "applicationDate": "2020-04-10 10:08:03.0",
  "lsrn": "L2004-1010-0802-8324",
  "dsrn": "D2004-1009-5102-5592",
  "companyId": 34,
  "companyName": "test sugar",
  "industry": "Building Products",
  "loanAmount": 5.0E7,
  "status": "Action Required",
  "Comments": "Comments"
},
{
 ...