JavaScript TypeScript / ES6 ...
<style >
#chartdiv {
width : 100% ;
height : 500px ;
}
</style >
<script src ="https://cdn.amcharts.com/lib/4/core.js" > </script >
<script src ="https://cdn.amcharts.com/lib/4/charts.js" > </script >
<script src ="https://cdn.amcharts.com/lib/4/themes/animated.js" > </script >
<script >
am4core.ready (function ( ) {
am4core.useTheme (am4themes_animated);
var chart = am4core.create ("chartdiv" , am4charts.SlicedChart );
chart.data = [{
"name" : "Stage #1" ,
"value1" : 600 ,
"value2" : 450
}, {
"name" : "Stage #2" ,
"value1" : 300 ,
"value2" : 400
}, {
"name" : "Stage #3" ,
"value1" : 200 ,
"value2" : 290
}, {
"name" : "Stage #4" ,
"value1" : 180 ,
"value2" : 100
}, {
"name" : "Stage #5" ,
"value1" : 50 ,
"value2" : 50
}, {
"name" : "Stage #6" ,
"value1" : 20 ,
"value2" : 20
}, {
"name" : "Stage #7" ,
"value1" : 10 ,
"value2" : 10
}];
var series1 = chart.series .push (new am4charts.FunnelSeries ());
series1.dataFields .value = "value2" ;
series1.dataFields .category = "name" ;
series1.labels .template .disabled = true ;
var series2 = chart.series .push (new am4charts.PyramidSeries ());
series2.dataFields .value = "value2" ;
series2.dataFields .category = "name" ;
series2.labels .template .disabled = true ;
});
</script >
<div id ="chartdiv" > </div >
import * as am4core from "@amcharts/amcharts4/core" ;
import * as am4charts from "@amcharts/amcharts4/charts" ;
import am4themes_animated from "@amcharts/amcharts4/themes/animated" ;
am4core.useTheme (am4themes_animated);
let chart = am4core.create ("chartdiv" , am4charts.SlicedChart );
chart.data = [{
"name" : "Stage #1" ,
"value1" : 600 ,
"value2" : 450
}, {
"name" : "Stage #2" ,
"value1" : 300 ,
"value2" : 400
}, {
"name" : "Stage #3" ,
"value1" : 200 ,
"value2" : 290
}, {
"name" : "Stage #4" ,
"value1" : 180 ,
"value2" : 100
}, {
"name" : "Stage #5" ,
"value1" : 50 ,
"value2" : 50
}, {
"name" : "Stage #6" ,
"value1" : 20 ,
"value2" : 20
}, {
"name" : "Stage #7" ,
"value1" : 10 ,
"value2" : 10
}];
let series1 = chart.series .push (new am4charts.FunnelSeries ());
series1.dataFields .value = "value2" ;
series1.dataFields .category = "name" ;
series1.labels .template .disabled = true ;
let series2 = chart.series .push (new am4charts.PyramidSeries ());
series2.dataFields .value = "value2" ;
series2.dataFields .category = "name" ;
series2.labels .template .disabled = true ;