Page 1 of 3 123 LastLast
Results 1 to 10 of 28

Thread: Ext.ux.chart.SmartLegend - Multi-column self adjusting Chart Legend

  1. #1
    Sencha - Ext JS Dev Team nohuhu's Avatar
    Join Date
    Jun 2011
    Location
    Redwood coast
    Posts
    384
    Vote Rating
    76
      0  

    Default Ext.ux.chart.SmartLegend - Multi-column self adjusting Chart Legend

    Stock Ext JS Chart Legend is not very usable for charts with many Series points, which happens quite often. This class implements a Legend that will adjust itself to Chart dimensions to avoid ugly-looking charts.

    It looks like this:
    Screen shot 2011-11-20 at 8.21.06 PM.png

    And this:
    Screen shot 2011-11-20 at 8.33.39 PM.png

    Legend can be placed at top, bottom, left or right edge, with Chart adjusting its size accordingly. Legend items sizes are based on font used for item titles.

    Usage is very easy; in fact SmartLegend was intended a drop-in replacement for stock Legend class. See demo application for details.

    Source code is released under GPL 3.0 on Github: https://github.com/nohuhu/Ext.ux.chart.SmartLegend. Commercial licensing is also available.

    Live demo: http://nohuhu.org/demos/demo_smartlegend.html

    Sencha Market page: https://market.sencha.com/users/30/extensions/59

    Regards,
    Alex.
    Last edited by nohuhu; 14 Aug 2012 at 3:15 PM. Reason: Added demo link

  2. #2
    Sencha - Sr Software Engineer mitchellsimoens's Avatar
    Join Date
    Mar 2007
    Location
    Gainesville, FL
    Posts
    39,318
    Vote Rating
    1291
      0  

    Default

    Would love to see the chart package handle this natively but now we have this! Great job!
    Mitchell Simoens @LikelyMitch
    Sencha Inc, Senior Software Engineer
    ________________
    Learn BBCode and use it!

    Check out my GitHub, lots of nice things for Ext JS 4 and Sencha Touch 2
    https://github.com/mitchellsimoens

    Think my support is good? Get more personalized support via a support subscription. https://www.sencha.com/store/

    Need more help with your app? Hire Sencha Services services@sencha.com

    Want to learn Sencha Touch 2? Check out Sencha Touch in Action that is in print!

    When posting code, please use BBCode's CODE tags.

  3. #3
    Sencha - Ext JS Dev Team nohuhu's Avatar
    Join Date
    Jun 2011
    Location
    Redwood coast
    Posts
    384
    Vote Rating
    76
      0  

    Default

    Well, I said commercial licensing is available. Make me an offer.

    Regards,
    Alex.

  4. #4
    Sencha - Sr Software Engineer mitchellsimoens's Avatar
    Join Date
    Mar 2007
    Location
    Gainesville, FL
    Posts
    39,318
    Vote Rating
    1291
      0  

    Default

    How about $5 USD?
    Mitchell Simoens @LikelyMitch
    Sencha Inc, Senior Software Engineer
    ________________
    Learn BBCode and use it!

    Check out my GitHub, lots of nice things for Ext JS 4 and Sencha Touch 2
    https://github.com/mitchellsimoens

    Think my support is good? Get more personalized support via a support subscription. https://www.sencha.com/store/

    Need more help with your app? Hire Sencha Services services@sencha.com

    Want to learn Sencha Touch 2? Check out Sencha Touch in Action that is in print!

    When posting code, please use BBCode's CODE tags.

  5. #5
    Sencha - Ext JS Dev Team nohuhu's Avatar
    Join Date
    Jun 2011
    Location
    Redwood coast
    Posts
    384
    Vote Rating
    76
      0  

    Default

    Mitchell,

    You mean $5 per copy? I'll throw TitleChart in for $7 and call it a deal. What say you?

    Regards,
    Alex.

  6. #6
    Sencha - Ext JS Dev Team nohuhu's Avatar
    Join Date
    Jun 2011
    Location
    Redwood coast
    Posts
    384
    Vote Rating
    76
      0  

    Default

    Version 0.99 supports Ext JS 4.1.
    Regards,
    Alex.

  7. #7
    Sencha Premium Member
    Join Date
    Mar 2011
    Location
    Betelgeuse VII
    Posts
    96
    Vote Rating
    13
      0  

    Default

    Hi,

    Thanks for this, looks great. I did want to mention that if the legend item text is long the top and bottom positions don't show the legend items entirely (having the legend right/left works fine):

    SmartLegend.png

    Cheers.

  8. #8
    Sencha User
    Join Date
    Jun 2008
    Posts
    138
    Vote Rating
    7
      0  

    Default

    Does this work with v4.2?

  9. #9
    Sencha - Ext JS Dev Team nohuhu's Avatar
    Join Date
    Jun 2011
    Location
    Redwood coast
    Posts
    384
    Vote Rating
    76
      0  

    Default

    @jchau I haven't tested it yet but it should work.

    Regards,
    Alex.
    Regards,
    Alex.

  10. #10
    Sencha User
    Join Date
    Jun 2008
    Posts
    138
    Vote Rating
    7
      0  

    Default

    I tried it and it works great. Thanks!

Page 1 of 3 123 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
  •