AmPieChart is not a constructor

[amcharts]

AmPieChart is not a constructor

[Pauan]

@jast1000 You have to include the pie.js file in order to use pie charts:

<script src="https://www.amcharts.com/lib/3/pie.js"></script>

You have to place it underneath the amcharts.js file:

<script src="https://www.amcharts.com/lib/3/amcharts.js"></script>
<script src="https://www.amcharts.com/lib/3/pie.js"></script>
<script src="https://www.amcharts.com/lib/3/serial.js"></script>
<script src="https://www.amcharts.com/lib/3/themes/light.js"></script>

[balrajhariharan]

If I want to implement pie chart with react, I have to add an extra dependency?

[Pauan]

@balrajhariharan Yes, you have to add the extra <script src="https://www.amcharts.com/lib/3/pie.js"></script> code in your HTML file.

[sujitnale123]

//.ts file
export class AppComponent {
title = 'app';
private pieChart: AmChart;

ngOnInit() {
this.pieChart = this.AmCharts.makeChart("chartdiv2", this.makeOptions2());
}
makeOptions2() {
return {
"type": "pie",
"theme": "light",
"dataProvider": [{
"country": "Lithuania",
"value": 260
}, {
"country": "Ireland",
"value": 201
}, {
"country": "Germany",
"value": 65
}, {
"country": "Australia",
"value": 39
}, {
"country": "UK",
"value": 19
}, {
"country": "Latvia",
"value": 10
}],
"valueField": "value",
"titleField": "country",
"outlineAlpha": 0.4,
"depth3D": 15,
"balloonText": "[[title]]
[[value]] ([[percents]]%)",
"angle": 30,
"export": {
"enabled": true
}
}
}
}

//.Html file

<script src="https://www.amcharts.com/lib/3/amcharts.js"></script> <script src="https://www.amcharts.com/lib/3/pie.js"></script> <script src="https://www.amcharts.com/lib/3/serial.js"></script> <script src="https://www.amcharts.com/lib/3/themes/light.js"></script>

//.css file

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

all code is placed properly.. still pie chart is not getting displayed

[nisriinaaulfah]

hi @sujitnale123 , did you find out how to fix your problem? because now I'm facing that problem too.

[moghthalkushal]

Ensure it is in your index.html

[sumitramteke]

Make sure serial.js is above pie.js