1. #1
    Sencha - Ext JS Dev Team
    Join Date
    Jun 2011
    Location
    San Diego, CA
    Posts
    179
    Vote Rating
    35
    nohuhu has a spectacular aura about nohuhu has a spectacular aura about

      0  

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

    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 - Senior Forum Manager mitchellsimoens's Avatar
    Join Date
    Mar 2007
    Location
    Gainesville, FL
    Posts
    36,604
    Vote Rating
    818
    mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute

      0  

    Default


    Would love to see the chart package handle this natively but now we have this! Great job!
    Mitchell Simoens @SenchaMitch
    Sencha Inc, Senior Forum Manager
    ________________
    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
    Join Date
    Jun 2011
    Location
    San Diego, CA
    Posts
    179
    Vote Rating
    35
    nohuhu has a spectacular aura about nohuhu has a spectacular aura about

      0  

    Default


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

    Regards,
    Alex.

  4. #4
    Sencha - Senior Forum Manager mitchellsimoens's Avatar
    Join Date
    Mar 2007
    Location
    Gainesville, FL
    Posts
    36,604
    Vote Rating
    818
    mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute

      0  

    Default


    How about $5 USD?
    Mitchell Simoens @SenchaMitch
    Sencha Inc, Senior Forum Manager
    ________________
    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
    Join Date
    Jun 2011
    Location
    San Diego, CA
    Posts
    179
    Vote Rating
    35
    nohuhu has a spectacular aura about nohuhu has a spectacular aura about

      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
    Join Date
    Jun 2011
    Location
    San Diego, CA
    Posts
    179
    Vote Rating
    35
    nohuhu has a spectacular aura about nohuhu has a spectacular aura about

      0  

    Default


    Version 0.99 supports Ext JS 4.1.

  7. #7
    Sencha User
    Join Date
    Mar 2011
    Location
    Betelgeuse VII
    Posts
    86
    Vote Rating
    3
    fordprefect is on a distinguished road

      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
    jchau is an unknown quantity at this point

      0  

    Default


    Does this work with v4.2?

  9. #9
    Sencha - Ext JS Dev Team
    Join Date
    Jun 2011
    Location
    San Diego, CA
    Posts
    179
    Vote Rating
    35
    nohuhu has a spectacular aura about nohuhu has a spectacular aura about

      0  

    Default


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

    Regards,
    Alex.

  10. #10
    Sencha User
    Join Date
    Jun 2008
    Posts
    138
    Vote Rating
    7
    jchau is an unknown quantity at this point

      0  

    Default


    I tried it and it works great. Thanks!