How can we integrate AmCharts 5 in Efficy 12?

Wed, 04 Oct 2023 08:32:26 +0000

This is my example code, but the Widget window stays blanc

"MacroWidgetCustom.txt"
/* macrofile=MacroWidgets&macro=am5Demo */
am5Demo {[
<%UseScript('custom/js/amcharts5/index', fixedline=T)%>
<%UseScript('custom/js/amcharts5/percent', fixedline=T)%>
<%UseScript('custom/js/amcharts5/themes/Animated', fixedline=T)%>

#chartdiv2 {
width: 100%;
height: 100%;
}

// Create root and chart
var root = am5.Root.new("chartdiv2");

root.setThemes([
am5themes_Animated.new(root)
]);

var chart1 = root.container.children.push(
am5percent.PieChart.new(root, {})
);

// Define data
var data1 = [{
country: "France",
sales: 100000
}, {
country: "Spain",
sales: 160000
}, {
country: "United Kingdom",
sales: 80001
}];

// Create series
var series1 = chart1.series.push(
am5percent.PieSeries.new(root, {
name: "Series",
valueField: "sales",
categoryField: "country"
})
);

series1.data.setAll(data1);

// Disabling labels and ticks
series1.labels.template.set("visible", false);
series1.ticks.template.set("visible", false);

series1.slices.template.states.create("active", {
shiftRadius: 0,
stroke: am5.color(0x995522),
strokeWidth: 5
});

]}

Download site:
https://www.amcharts.com/download/

Download files:
https://www.amcharts.com/dl/amcharts5/

Efficy Overflow Q&A - Recent questions tagged amcharts

How can we integrate AmCharts 5 in Efficy 12?