Looks like we can't reproduce the issue or there's a problem in the test case provided.
  1. #1
    Sencha Premium Member
    Join Date
    Mar 2013
    Posts
    5
    Vote Rating
    0
    cassianofaria is on a distinguished road

      0  

    Default Gxt Chart legend with many items.

    Gxt Chart legend with many items.


    Hello everyone,

    In GXT, when a chart with a lot of items is generated, and the legend on the right is bigger than chart's size, it doesn't appear, only when you maximize the chart.

    Is there some feature or workaround? Scroll? Paged legends(like gwt-vizualization from Google)?

    Regards,
    Cassiano Faria.

  2. #2
    Sencha User
    Join Date
    Apr 2013
    Posts
    25
    Vote Rating
    1
    pragati.rithekar is on a distinguished road

      0  

    Default


    I am facing the same Problem.

    Please let me know the solution ASAP....
    Attached is the screenshot
    Attached Images

  3. #3
    Sencha - GXT Dev Team
    Join Date
    Jan 2012
    Location
    Arlington, WA
    Posts
    414
    Vote Rating
    15
    branflake2267 will become famous soon enough

      0  

    Default


    Thanks for the report! I have opened a bug in our bug tracker.

    In the mean time, not sure if this fits the design, but at the moment the legend may fit better on the right or left side.

    Code:
    // http://www.sencha.com/examples/
    final Legend<Data> legend = new Legend<Data>();
    legend.setPosition(Position.BOTTOM);
    legend.setItemHighlighting(true);
    legend.setItemHiding(true);
    chart.setLegend(legend);
    We will update the thread when we fix it.

  4. #4
    Sencha - GXT Dev Team
    Join Date
    Jan 2012
    Location
    Arlington, WA
    Posts
    414
    Vote Rating
    15
    branflake2267 will become famous soon enough

      0  

    Default


    We have looked at this issue further. Given the wide variety of label sizes, color and layout conditions exist in legend chart design make it problematic to designing a legend that fits every use case. The workable solution is to design a legend widget that could fit any size of label, color and positioning for the developer. Our goal was to provide basic legend functionality in the charts for the common use cases and since a custom legend widget could be built to fit any legend condition by the developer, we are going to close this issue.


    That said, using other GXT widgets, you can create functionality like what you are describing, and have it be as flexible as you want. For example, Colin provides some examples of how to go about building a standalone widget in this thread and may be useful for more information. http://www.sencha.com/forum/showthread.php?250682


    The workaround would be to use something like ListView which could be used to provide the legend infrastructure and the ListView selection model which could be used for event observation. I would also check out the the dashboard http://www.sencha.com/examples/#ExamplePlace:dashboard because it provides a good example of how to link up charts to other widgets and help give some direction to external widget linking. Another thought is using the draw library could provide another nifty way to create a widget as well.

    At the moment I'm going to close the issue. If you have some more questions on customized legend widget hit the reply.

    Brandon
    http://docs.sencha.com/gxt-guides/3/

  5. #5
    Sencha User Daniil's Avatar
    Join Date
    Jun 2010
    Location
    Saint-Petersburg, Russia
    Posts
    974
    Vote Rating
    110
    Daniil is a name known to all Daniil is a name known to all Daniil is a name known to all Daniil is a name known to all Daniil is a name known to all Daniil is a name known to all

      0  

    Default


    Hi @branflake2267,

    Quote Originally Posted by branflake2267 View Post
    Our goal was to provide basic legend functionality in the charts for the common use cases
    Well, organizing scrolling or any other possibility just to see all the legend items looks a very-very common use case

    Over a year ago I posted this issue to the ExtJS Bugs forum.
    http://www.sencha.com/forum/showthread.php?238486
    Ext.NET - ASP.NET for Ext JS
    MVC and WebForms
    Examples | Twitter

  6. #6
    Sencha - GXT Dev Team
    Join Date
    Jan 2012
    Location
    Arlington, WA
    Posts
    414
    Vote Rating
    15
    branflake2267 will become famous soon enough

      0  

    Default


    Thanks for the suggestion. I've updated the issue.

    Brandon

  7. #7
    Sencha User
    Join Date
    Mar 2011
    Posts
    2
    Vote Rating
    0
    ayeah is on a distinguished road

      0  

    Default what about it?

    what about it?


    I want to legend "penc" with blue color?

    1-31-2014 2-30-31 AM.png

  8. #8
    Sencha - GXT Dev Team
    Join Date
    Jan 2012
    Location
    Arlington, WA
    Posts
    414
    Vote Rating
    15
    branflake2267 will become famous soon enough

      0  

    Default


    The last post doesn't look like it pertains to the bug. Could you post those questions to the general discussion or related. Good place to start is with the examples here > http://www.sencha.com/examples/#ExamplePlace:areachart