eCharts饼图显示百分比
生成饼图相关js代码
·
生成饼图相关js代码
// 生成饼图
pieCharts(id,data) {
let chartDom = document.getElementById(id);
let myChart = echarts.init(chartDom);
let option = {
tooltip: {
trigger: 'item'
},
series: [
{
name: '数量',
type: 'pie',
radius: '50%',
//百分比
label: {
normal: {
show: true,
formatter: '{b}: {c}({d}%)' //自定义显示格式(b:name, c:value, d:百分比)
}
},
data,
emphasis: {
itemStyle: {
shadowBlur: 10,
shadowOffsetX: 0,
shadowColor: 'rgba(0, 0, 0, 0.5)'
}
}
}
]
};
option && myChart.setOption(option,true);
},
其中label就是饼图中显示百分比
样式
更多推荐
已为社区贡献1条内容
所有评论(0)