jQWidgets Forums

jQuery UI Widgets Forums Grid chart in nested grid

This topic contains 4 replies, has 2 voices, and was last updated by  atomic 8 years, 11 months ago.

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
  • chart in nested grid #85240

    atomic
    Participant

    Hi guys,

    I would like to have chart+grid in nested jqx grid.

      var initrowdetails = function (index, parentElement, gridElement, record) {
       var id = record.uid.toString();
       var grid = $($(parentElement).children()[0]);
       var chart = $($(parentElement).children()[1]);
    ......

    and in jqxGrid

    initrowdetails: initrowdetails,
     rowdetailstemplate: { rowdetails: "<div id='grid' style='margin: 10px;float:left; '></div><div id='chart' style='margin: 10px;width:99%; height:400;     float: left;clear: left;'></div>", 
     rowdetailsheight: 800, 
     rowdetailshidden: true },

    nested grid is rendered but chart is not.
    if I set grid to null and var chart = $($(parentElement).children()[0]); then i get only chart which is expected. I did this only to test that chart is set correctly.
    any ideas suggestions, I would appreciate it.
    Thanks
    what

    chart in nested grid #85253

    ivailo
    Participant

    Hi atomic,

    Please, set your chart’s height value in pixels.
    Use ... style='margin: 10px;width:99%; height:400px; ... instead ... style='margin: 10px;width:99%; height:400; ...

    Best Regards,
    Ivailo Ivanov

    jQWidgets Team
    http://www.jqwidgets.com

    chart in nested grid #85277

    atomic
    Participant

    Thanks so much Ivailo. That solved the problem.
    But I got another small issue. My chart in nested grid does not shows tooltip values. When I hover bar in chart it shows little arrow but with no values.
    If I use same settings for chart outside nested grid everything works as expected.

    Any ideas.

    Thanks so much.

    chart in nested grid #85298

    ivailo
    Participant

    Hi atomic,

    Because rowdetails is with higher z-index, probably it overlays the tooltip.
    You can try to increase the z-index in .jqx-chart-tooltip-text class.
    For example :

    .jqx-chart-tooltip-text {
       z-index:999999;
    }

    Best Regards,
    Ivailo Ivanov

    jQWidgets Team
    http://www.jqwidgets.com

    chart in nested grid #85313

    atomic
    Participant

    Hi Ivailo,

    Your solution actually did not work for me. I had to change css to

    .jqx-rc-all{
          z-index:999999;
      }

    and now it works, but thanks a lot for the hint. It was helpful!
    Chreers

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

You must be logged in to reply to this topic.