要给出包含“饼图 amchart4”的代码示例,可以按照以下步骤进行:
步骤1:引入amchart4库文件 首先,在HTML文件中引入amchart4库文件。可以通过以下CDN链接引入库文件:
步骤2:创建一个容器 接下来,在HTML文件中创建一个用于显示饼图的容器。可以使用一个具有唯一ID的div元素:
步骤3:编写JavaScript代码 然后,在JavaScript代码中编写生成饼图的代码。以下是一个简单的例子:
// 创建图表实例
var chart = am4core.create("chartdiv", am4charts.PieChart);
// 添加数据
chart.data = [{
"country": "Lithuania",
"litres": 501.9
}, {
"country": "Czech Republic",
"litres": 301.9
}, {
"country": "Ireland",
"litres": 201.1
}, {
"country": "Germany",
"litres": 165.8
}, {
"country": "Australia",
"litres": 139.9
}];
// 创建饼图系列
var series = chart.series.push(new am4charts.PieSeries());
series.dataFields.value = "litres";
series.dataFields.category = "country";
// 添加标签
series.labels.template.disabled = true;
series.ticks.template.disabled = true;
// 添加图例
chart.legend = new am4charts.Legend();
// 设置主题
chart.theme = am4themes_animated;
步骤4:运行代码 最后,可以保存并运行HTML文件,就可以看到包含饼图的结果了。
下一篇:饼图 R 编程