<!DOCTYPE html>
<html>
<head>
<title>pie-chart test | amCharts</title>
<meta name=”description” content=”chart created using amCharts live editor” />
<!– amCharts javascript sources –>
<script type=”text/javascript” src=”https://www.amcharts.com/lib/3/amcharts.js”></script>
<script type=”text/javascript” src=”https://www.amcharts.com/lib/3/pie.js”></script>
<script type=”text/javascript” src=”https://www.amcharts.com/lib/3/themes/black.js”></script>
<!– amCharts javascript code –>
<script type=”text/javascript”>
AmCharts.makeChart(“chartdiv”,
{
“type”: “pie”,
“balloonText”: “[[title]]<br><span style=’font-size:14px’><b>[[value]]</b> ([[percents]]%)</span>”,
“colors”: [],
“titleField”: “country”,
“valueField”: “litres”,
“color”: “#E7E7E7”,
“fontSize”: 12,
“theme”: “black”,
“allLabels”: [],
“balloon”: {},
“titles”: [],
“dataProvider”: [
{
“country”: “DD”,
“litres”: “1223087000”
},
{
“country”: “ADD”,
“litres”: “497653000”
},
{
“country”: “PAD”,
“litres”: “2850000”
}
]
}
);
</script>
</head>
<body>
<div id=”chartdiv” style=”width: 100%; height: 400px; background-color: #222222;” ></div>
</body>
</html>