jqxChart inside a jqxTreeGrid node

[smithaParticipant]

Hello,

I have a requirement where in we need to display a chart inside the treegrid i.e onexpanding the treegrid node chart has to be displayed in the children node.
Is there any way to achieve it? i’m using Angular 6 components.
Please help.

Thank you.

[HristoParticipant]

Hello smitha,

I would like to suggest you look at this demo.
You could try to use the same approach with the jqxTreeGrid (because this is with jqxDataTable).

PS: Also, I would like to include that it is a topic from “Angular” group and it is recommended to post it in this section.
Thank you for the understanding.

Best Regards,
Hristo Hristov

jQWidgets team
http://www.jqwidgets.com

[smithaParticipant]

Hello Hristo,

Thank you for the response.
I would like to display the chart on click of the parent node expansion event in the treegrid, i need to display the chart only in the child row and not in the parent row. In parent row i will have to display json data and only on expanding parent row i should display chart.
Could please help on how to achieve this with jqxtreegrid and jqxchart.

Apologies i will make sure to post in respective section in the future.

Appreciate the help!
Thank You.

[HristoParticipant]

Hello smitha,

We do not have such example.
But you could try to use the same approach in the jqxTreeGrid as the example with the jqxDataTable.
Hint: In the “cellsRenderer” callback you could set the elements with additional class (for example: ‘.hidden’) and hide only this specific cells with that value.
This will depend on the level of the row or in a condition that row has children. Because you mentioned only the expanded rows will have a chart.
Also, another option is to check the data before you create the jqxChart in “rendered” callback before you use the “createInstance” method.

Best Regards,
Hristo Hristov

jQWidgets team
http://www.jqwidgets.com

[Author]

Posts