Show graph for nested child elements

I have json like below, I need to show high charts bar-graph for segment_name of “Call Count” below data:
Call Count will come under:

  • INSTANT –> IC Voice –> Call Count
  • INSTANT –> OG Voice –> Call Count
  • SUMMARIZED –> IC Voice –> Call Count
  • SUMMARIZED –> OG Voice –> Call Count

JSON: 
{
“kpi_type”: “INSTANT”,
“kpi”: “OG Voice”,
“segment_name”: “Call Count”,
“tg”: 25917,
“cg”: 2319,
“tgr”: 83038
},
{
“kpi_type”: “INSTANT”,
“kpi”: “OG Voice”,
“segment_name”: “On net Call Count”,
“tg”: 26210,
“cg”: 59773,
“tgr”: 28724
},
{
“kpi_type”: “INSTANT”,
“kpi”: “OG Voice”,
“segment_name”: “Off Net Call Count”,
“tg”: 69159,
“cg”: 41088,
“tgr”: 37391
},
{
“kpi_type”: “SUMMARISED”,
“kpi”: “OG Voice”,
“segment_name”: “Local Call count”,
“tg”: 14778,
“cg”: 60512,
“tgr”: 32358
},
{
“kpi_type”: “SUMMARISED”,
“kpi”: “IC Voice”,
“segment_name”: “Call Count”,
“tg”: 25917,
“cg”: 2319,
“tgr”: 83038
},
{
“kpi_type”: “SUMMARISED”,
“kpi”: “IC Voice”,
“segment_name”: “On net Call Count”,
“tg”: 26210,
“cg”: 59773,
“tgr”: 28724
},
{
“kpi_type”: “SUMMARISED”,
“kpi”: “IC Voice”,
“segment_name”: “Off Net Call Count”,
“tg”: 69159,
“cg”: 41088,
“tgr”: 37391
}
{
“kpi_type”: “INSTANT”,
“kpi”: “OG Voice”,
“segment_name”: “Call Count”,
“tg”: 25917,
“cg”: 2319,
“tgr”: 83038
},
{
“kpi_type”: “INSTANT”,
“kpi”: “OG Voice”,
“segment_name”: “On net Call Count”,
“tg”: 26210,
“cg”: 59773,
“tgr”: 28724
},
{
“kpi_type”: “INSTANT”,
“kpi”: “OG Voice”,
“segment_name”: “Off Net Call Count”,
“tg”: 69159,
“cg”: 41088,
“tgr”: 37391
},
{
“kpi_type”: “SUMMARISED”,
“kpi”: “OG Voice”,
“segment_name”: “Local Call count”,
“tg”: 14778,
“cg”: 60512,
“tgr”: 32358
},
{
“kpi_type”: “SUMMARISED”,
“kpi”: “IC Voice”,
“segment_name”: “Call Count”,
“tg”: 25917,
“cg”: 2319,
“tgr”: 83038
},
{
“kpi_type”: “SUMMARISED”,
“kpi”: “IC Voice”,
“segment_name”: “On net Call Count”,
“tg”: 26210,
“cg”: 59773,
“tgr”: 28724
},
{
“kpi_type”: “SUMMARISED”,
“kpi”: “IC Voice”,
“segment_name”: “Off Net Call Count”,
“tg”: 69159,
“cg”: 41088,
“tgr”: 37391
}
Kindly check out my Fiddle-Here

1 answer

Public
Tanya Gryshko Flexmonster March 21, 2018

Hello, Kumar,
Thank you for posting your question.
To show a graph for nested child elements we suggest specifying slice in the connector between our component and Highcharts. Check out the modified example: https://jsfiddle.net/flexmonster/L89wqzj9/17/. Please pay attention to line 44, where the slice is specified. Also, we recommend you to check section about “Connector for Highcharts” in our tutorial: https://www.flexmonster.com/doc/integration-with-highcharts/. It contains other useful properties.
You may notice that when you specify slice with filters in getData, filters on the grid are also affected. This is a known issue and the fix will be delivered with minor release 2.417, ETA Mar 26th. Please follow this thread to get an update when the fix is ready: https://www.flexmonster.com/question/getdata-with-slice-provided-modifies-internal-state-of-flexmonster/
I would appreciate if you could let me know your company name in case you have already purchased the license. This would really help us understand your case better. Or you’re just testing the component at the moment?
Please let me know if you have other inquiries.
Regards,
Tanya

Please login or Register to Submit Answer