Page 1 of 2 12 LastLast
Results 1 to 10 of 17

Thread: Gxt Chart legend with many items.

    You found a bug! We've classified it as EXTGWT-4587 . We encourage you to continue the discussion and to find an acceptable workaround while we work on a permanent fix.
  1. #1
    Sencha Premium Member
    Join Date
    Mar 2013
    Posts
    5
    Vote Rating
    1
      0  

    Default 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
      0  

    Default

    I am facing the same Problem.

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

  3. #3
    Sencha - Support Team
    Join Date
    Jan 2012
    Location
    Arlington, WA
    Posts
    871
    Vote Rating
    24
      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 - Support Team
    Join Date
    Jan 2012
    Location
    Arlington, WA
    Posts
    871
    Vote Rating
    24
      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
    1,016
    Vote Rating
    125
      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
    Object.NET
    Frameworks and Tools for .NET Developers
    --------------------------------------------------
    Ext.NET - Ext JS for ASP.NET - Examples | Twitter
    Bridge.NET - Write C#. Run JavaScript! - Live | Twitter
    --------------------------------------------------

  6. #6
    Sencha - Support Team
    Join Date
    Jan 2012
    Location
    Arlington, WA
    Posts
    871
    Vote Rating
    24
      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
      0  

    Default what about it?

    I want to legend "penc" with blue color?

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

  8. #8
    Sencha - Support Team
    Join Date
    Jan 2012
    Location
    Arlington, WA
    Posts
    871
    Vote Rating
    24
      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

  9. #9
    Sencha User
    Join Date
    Jul 2014
    Posts
    5
    Vote Rating
    0
      0  

    Default

    Hello,

    I'm having almost the same issue in GXT 3.1.4.
    As you can see in the image below, the legend has more elements (2 elements are not shown) and there are cases in my application where there are twice as many elements in the chart.
    A simple scroll on the legend would be ideal, but I cannot find any way to implement that.
    Any tips?

    Thank you,

    does not fit.PNG

  10. #10
    Sencha User
    Join Date
    Jul 2011
    Location
    Germany
    Posts
    223
    Vote Rating
    24
      0  

    Default

    Why does this ticket have this state?
    Looks like we can't reproduce the issue or there's a problem in the test case provided.
    Why does it say "closed"?

Page 1 of 2 12 LastLast

Tags for this Thread

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •