1. #1
    Sencha - Ext JS Dev Team nohuhu's Avatar
    Join Date
    Jun 2011
    Location
    Redwood coast
    Posts
    255
    Vote Rating
    50
    nohuhu is a jewel in the rough nohuhu is a jewel in the rough nohuhu is a jewel in the rough

      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 Software Engineer mitchellsimoens's Avatar
    Join Date
    Mar 2007
    Location
    Gainesville, FL
    Posts
    38,042
    Vote Rating
    992
    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 Software Engineer
    ________________
    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
    255
    Vote Rating
    50
    nohuhu is a jewel in the rough nohuhu is a jewel in the rough nohuhu is a jewel in the rough

      0  

    Default


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

    Regards,
    Alex.

  4. #4
    Sencha - Senior Software Engineer mitchellsimoens's Avatar
    Join Date
    Mar 2007
    Location
    Gainesville, FL
    Posts
    38,042
    Vote Rating
    992
    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 Software Engineer
    ________________
    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
    255
    Vote Rating
    50
    nohuhu is a jewel in the rough nohuhu is a jewel in the rough nohuhu is a jewel in the rough

      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
    255
    Vote Rating
    50
    nohuhu is a jewel in the rough nohuhu is a jewel in the rough nohuhu is a jewel in the rough

      0  

    Default


    Version 0.99 supports Ext JS 4.1.

  7. #7
    Sencha Premium Member
    Join Date
    Mar 2011
    Location
    Betelgeuse VII
    Posts
    94
    Vote Rating
    13
    fordprefect will become famous soon enough

      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 nohuhu's Avatar
    Join Date
    Jun 2011
    Location
    Redwood coast
    Posts
    255
    Vote Rating
    50
    nohuhu is a jewel in the rough nohuhu is a jewel in the rough nohuhu is a jewel in the rough

      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!