Can we add custom Donuts background color inside labels #4468
Mayank07-HP
started this conversation in
General
Replies: 0 comments
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
-
I want to add custom background colour in labels, like i attach screensort, i am using donut chart how i fix
var options: ApexCharts.ApexOptions = {
plotOptions: {
pie: {
startAngle: -90,
endAngle: 90,
offsetY: -7,
expandOnClick: false,
donut: {
size: "80%",
labels: {
show: true,
name: {
show: true,
fontSize: "22px",
fontFamily: "Rubik",
color: "#54575F",
offsetY: -60,
},
value: {
show: true,
fontSize: "22px",
fontWeight: 600,
color: "white",
offsetY: -40,
formatter: function (val) {
return val;
},
},
total: {
show: true,
label: t("InfrigmentsTotal"),
color: "#54575F",
formatter: function (w) {
return totalValue
? totalValue
: w.globals.seriesTotals.reduce((a: number, b: number) => {
return a + b;
}, 0);
},
},
},
},
},
},
stroke: {
width: 0,
},
colors: ["#D6B6FB", "#7875FF", "#5B27F7", "#83E8EE", "#FFF"],
title: {
align: "center",
floating: true,
},
legend: {
show: false,
},
dataLabels: {
enabled: false,
},
};
Beta Was this translation helpful? Give feedback.
All reactions