1. 20 Nov 2011 8:49 AM #1
    nohuhu
    nohuhu is offline
    Sencha - Ext JS Dev Team
    Join Date
    Jun 2011
    Location
    San Diego, CA
    Posts
    131
    Vote Rating
    10
    nohuhu will become famous soon enough
      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
    Reply With Quote Reply With Quote
  2. 20 Nov 2011 1:15 PM #2
    mitchellsimoens
    mitchellsimoens is offline
    Sencha - Senior Forum Manager mitchellsimoens's Avatar
    Join Date
    Mar 2007
    Location
    St. Louis, MO
    Posts
    33,714
    Vote Rating
    438
    mitchellsimoens has much to be proud of mitchellsimoens has much to be proud of mitchellsimoens has much to be proud of mitchellsimoens has much to be proud of mitchellsimoens has much to be proud of mitchellsimoens has much to be proud of mitchellsimoens has much to be proud of mitchellsimoens has much to be proud of mitchellsimoens has much to be proud of
      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
    ________________
    http://www.JSONPLint.com - Source to lint your JSONP!

    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 almost in print!

    When posting code, please use BBCode's CODE tags.
    Reply With Quote Reply With Quote
  3. 21 Nov 2011 6:11 AM #3
    nohuhu
    nohuhu is offline
    Sencha - Ext JS Dev Team
    Join Date
    Jun 2011
    Location
    San Diego, CA
    Posts
    131
    Vote Rating
    10
    nohuhu will become famous soon enough
      0  

    Default


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

    Regards,
    Alex.
    Reply With Quote Reply With Quote
  4. 2 Dec 2011 8:27 AM #4
    mitchellsimoens
    mitchellsimoens is offline
    Sencha - Senior Forum Manager mitchellsimoens's Avatar
    Join Date
    Mar 2007
    Location
    St. Louis, MO
    Posts
    33,714
    Vote Rating
    438
    mitchellsimoens has much to be proud of mitchellsimoens has much to be proud of mitchellsimoens has much to be proud of mitchellsimoens has much to be proud of mitchellsimoens has much to be proud of mitchellsimoens has much to be proud of mitchellsimoens has much to be proud of mitchellsimoens has much to be proud of mitchellsimoens has much to be proud of
      0  

    Default


    How about $5 USD?
    Mitchell Simoens @SenchaMitch
    Sencha Inc, Senior Forum Manager
    ________________
    http://www.JSONPLint.com - Source to lint your JSONP!

    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 almost in print!

    When posting code, please use BBCode's CODE tags.
    Reply With Quote Reply With Quote
  5. 2 Dec 2011 10:05 AM #5
    nohuhu
    nohuhu is offline
    Sencha - Ext JS Dev Team
    Join Date
    Jun 2011
    Location
    San Diego, CA
    Posts
    131
    Vote Rating
    10
    nohuhu will become famous soon enough
      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.
    Reply With Quote Reply With Quote
  6. 14 Aug 2012 3:14 PM #6
    nohuhu
    nohuhu is offline
    Sencha - Ext JS Dev Team
    Join Date
    Jun 2011
    Location
    San Diego, CA
    Posts
    131
    Vote Rating
    10
    nohuhu will become famous soon enough
      0  

    Default


    Version 0.99 supports Ext JS 4.1.
    Check out my Ext JS stuff
    Reply With Quote Reply With Quote
  7. 27 Aug 2012 1:48 PM #7
    fordprefect
    fordprefect is offline
    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.
    Reply With Quote Reply With Quote
  8. 5 Apr 2013 7:58 AM #8
    jchau
    jchau is offline
    Sencha User
    Join Date
    Jun 2008
    Posts
    104
    Vote Rating
    4
    jchau is on a distinguished road
      0  

    Default


    Does this work with v4.2?
    Reply With Quote Reply With Quote
  9. 8 Apr 2013 3:19 PM #9
    nohuhu
    nohuhu is offline
    Sencha - Ext JS Dev Team
    Join Date
    Jun 2011
    Location
    San Diego, CA
    Posts
    131
    Vote Rating
    10
    nohuhu will become famous soon enough
      0  

    Default


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

    Regards,
    Alex.
    Check out my Ext JS stuff
    Reply With Quote Reply With Quote
  10. 8 Apr 2013 6:55 PM #10
    jchau
    jchau is offline
    Sencha User
    Join Date
    Jun 2008
    Posts
    104
    Vote Rating
    4
    jchau is on a distinguished road
      0  

    Default


    I tried it and it works great. Thanks!
    Reply With Quote Reply With Quote

Tags for this Thread