Javascript 如何显示标签&;扇形切片顶点图上的值

Javascript 如何显示标签&;扇形切片顶点图上的值,javascript,jquery,css,angular,apexcharts,Javascript,Jquery,Css,Angular,Apexcharts,我在angular应用程序中使用apex图表来显示图表。处理饼图&想要定制饼图,在饼图切片上显示标签值,如所附图像所示。没有找到任何解决方案,请帮助任何线索将非常有帮助。 多谢各位 截图[1]: 从“ng apexcharts”导入{ChartComponent、APEXGend、ApexDataLabels、ApexFill、ApexPlotOptions、ApexNonAxisChartSeries、ApexResponsive、ApexChart}; 导出接口图表选项{ 系列:APEX系

我在angular应用程序中使用apex图表来显示图表。处理饼图&想要定制饼图,在饼图切片上显示标签值,如所附图像所示。没有找到任何解决方案,请帮助任何线索将非常有帮助。 多谢各位

截图[1]:

从“ng apexcharts”导入{ChartComponent、APEXGend、ApexDataLabels、ApexFill、ApexPlotOptions、ApexNonAxisChartSeries、ApexResponsive、ApexChart};
导出接口图表选项{
系列:APEX系列;
图表:阿佩克哈特;
响应性:APEX响应性[];
标签:任何[];
传说:阿佩克斯根德;
数据标签:ApexDataLabels;
填充:ApexFill;
plotOptions:ApexPlotOptions;
}
导出类PieChartComponent实现OnInit{
@ViewChild(“图表”)图表:图表组件;
公共选择:部分;
构造函数(){}
ngOnInit():void{
此项。chartOptions={
系列:[70.48,29.52],
图表:{
宽度:380,
键入“pie”,
工具栏:{
工具:{
下载:错,
},
},
},
图例:{
秀:假,,
},
标签:['DII','FII'],
填写:{
颜色:['#ffe163','#694fb6'],
},
打印选项:{
馅饼:{
startAngle:110,
},
},
数据标签:{
风格:{
字体大小:“14”,
重量:'600',
颜色:['#000000','#ffffff'],
},
//格式化程序:函数(val){
//返回val+“%”;
// }
},
响应:[
{
断点:480,
选项:{
图表:{
宽度:400,
},
图例:{
位置:'底部',
},
},
},
],
};
}
}