jQuery UI Widgets Forums TreeGrid jqxChart inside a jqxTreeGrid node

This topic contains 3 replies, has 2 voices, and was last updated by  Hristo 5 years, 9 months ago.

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
  • jqxChart inside a jqxTreeGrid node #100779

    smitha
    Participant

    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.

    jqxChart inside a jqxTreeGrid node #100781

    Hristo
    Participant

    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

    • This reply was modified 5 years, 9 months ago by  Hristo.

    smitha
    Participant

    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.


    Hristo
    Participant

    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

Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.