How to change the text color around the pie chart and change the format of the values that pops up when we click on pie chart

Add properties in JSON to change the text color around the pie chart

1 Like

Add the “itemstyle” property to change the text color.
Example → “itemStyle”: { “color”: “#EEBB4D” }

Json format →
option = {
“title”:
{ “left”: “center”, “text”: “Annual Recurring Revenue” }
,
“legend”:
{ “left”: “left”, “orient”: “vertical” }
,
“series”: [
{
“data”: [

    {
      "name": "Delivery Fee",
      "value": 299188273,
      "itemStyle":

{ “color”: “#EEBB4D” }
,“label”:
{ “color”: “black” }
},
{
“name”: “AMC Fee”,
“value”: 11513288,
“itemStyle”:
{ “color”: “#77DD77” }
,“label”:
{ “color”: “black” }
},
{
“name”: “Licence Fee”,
“value”: 68574201,
“itemStyle”:
{ “color”: “#1357BE” }
,“label”:
{ “color”: “black” }
}
],
//“name”: “Access From”,
“name”: {
“textStyle”:
{ “color”: “black” // Set the color to black }
},
“type”: “pie”,
“radius”: “50%”,
“emphasis”: {
“itemStyle”:
{ “shadowBlur”: 10, “shadowColor”: “rgba(0, 0, 0, 0.5)”, “shadowOffsetX”: 0 }
}
}
],
“tooltip”:
{ “trigger”: “item” }
}

1 Like