有两个list,一个放的是name,一个是name对应的数量,想通过echarts的饼图展示name与对应数量关系的代码
时间: 2023-04-04 08:03:17 浏览: 49
可以使用以下代码实现:
var names = ['小明', '小红', '小刚', '小美', '小强'];
var nums = [20, 30, 15, 25, 10];
var data = [];
for (var i = 0; i < names.length; i++) {
data.push({
name: names[i],
value: nums[i]
});
}
var option = {
title: {
text: '名字统计',
subtext: '数据来自CSDN'
},
tooltip: {
trigger: 'item',
formatter: '{a} <br/>{b}: {c} ({d}%)'
},
legend: {
orient: 'vertical',
left: 10,
data: names
},
series: [
{
name: '名字',
type: 'pie',
radius: ['50%', '70%'],
avoidLabelOverlap: false,
label: {
show: false,
position: 'center'
},
emphasis: {
label: {
show: true,
fontSize: '30',
fontWeight: 'bold'
}
},
labelLine: {
show: false
},
data: data
}
]
};
// 使用刚指定的配置项和数据显示图表。
myChart.setOption(option);