// Create chart instance var chart = am4core.create("$CHART$", am4charts.SlicedChart); // Make the chart fade-in on init chart.hiddenState.properties.opacity = 0; // Set data chart.data = [{ "name": "The first", "value": 600 }, { "name": "The second", "value": 300 }, { "name": "The third", "value": 200 }, { "name": "The fourth", "value": 180 }, { "name": "The fifth", "value": 50 }, { "name": "The sixth", "value": 20 }, { "name": "The seventh", "value": 10 }]; // Create series var series = chart.series.push(new am4charts.FunnelSeries()); series.colors.step = 2; series.dataFields.value = "value"; series.dataFields.category = "name"; series.alignLabels = true; //series.orientation = "horizontal"; //series.bottomRatio = 1; // Add legend chart.legend = new am4charts.Legend(); chart.legend.position = "left"; chart.legend.valign = "bottom"; chart.legend.margin( 5, 5, 20, 5);