JSFiddle - React, Tailwind, and code Playground
by Naveen Ravichandran
JavaScript
{
"series": [
[{
"type": "variancePercentage",
"series": "ΔPY%",
"index": 1,
"total": [{
"name": "ΔPY%",
"class": "chart area group-0 bar-2 positive",
"value": 26,
"series": "ΔPY%",
"type": "variancePercentage",
"fcmeasure": false,
"isTotal": true,
"selectionId": [{
"measures": [],
"dataMap": {
"T02 data.Country": [{
"identityIndex": 0
}]
},
"key": "{\"T02 data.Country\":[{\"identityIndex\":0}]}[]"
}],
"groupname": "",
"color": {
"positiveFillColor": "green",
"negativeFillColor": "red",
"posBorderColor": "green",
"negBorderColor": "red",
"borderWidth": "1px",
"hasPattern": false,
"patternColor": "",
"axislines": "solid",
"axisColor": "#808080"
}
}],
"data": [{
"type": "variancePercentage",
"name": "Belgium>>>EU",
"parent": "EU",
"value": 26,
"measure": "ΔPY%",
"class": "chart area group-0 bar-1 var-per-positive",
"selectionId": {
"measures": [],
"dataMap": {
"T02 data.Country": [{
"identityIndex": 0
}]
},
"key": "{\"T02 data.Country\":[{\"identityIndex\":0}]}[]"
},
"fcmeasure": false,
"color": {
"positiveFillColor": "green",
"negativeFillColor": "red",
"posBorderColor": "green",
"negBorderColor": "red",
"borderWidth": "1px",
"hasPattern": false,
"patternColor": "",
"axislines": "solid",
"axisColor": "#808080"
}
}]
}],
[{
"type": "varianceWaterfall",
"series": "ΔPY",
"index": 1,
"total": [{
"name": "ΔPY",
"class": "chart area group-0 bar-2 positive",
...