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

vFlow
,
1

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

1 Like
2

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