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

      0  

    Default


    Cool. Note that Ext.ux.Legend and Ext.ux.LegendItem overrides are not needed with 4.2 - that code is already in the framework.

    Regards,
    Alex.

  2. #12
    Sencha User Jeegnesh's Avatar
    Join Date
    Feb 2013
    Location
    Khedbrahma
    Posts
    30
    Vote Rating
    0
    Jeegnesh is on a distinguished road

      0  

    Default Need to work with Column Chart

    Need to work with Column Chart


    Can you give me the demo for working with column chart using SmartLegend.... Please!!

  3. #13
    Sencha User Jeegnesh's Avatar
    Join Date
    Feb 2013
    Location
    Khedbrahma
    Posts
    30
    Vote Rating
    0
    Jeegnesh is on a distinguished road

      0  

    Default


    i'm trying to use smart legend in column chart, but it's not working
    can you give me the demo to use SmartLegend in column chart
    please help me!

  4. #14
    Sencha User Jeegnesh's Avatar
    Join Date
    Feb 2013
    Location
    Khedbrahma
    Posts
    30
    Vote Rating
    0
    Jeegnesh is on a distinguished road

      0  

    Default


    OK I solved out

  5. #15
    Sencha User Jeegnesh's Avatar
    Join Date
    Feb 2013
    Location
    Khedbrahma
    Posts
    30
    Vote Rating
    0
    Jeegnesh is on a distinguished road

      0  

    Default


    not work for me, just see it...
    My code Like this

    me.chart = new Ext.create('Ext.chart.Chart', {
    width: me.width, height: me.height,
    store: chartStore, animate: me.animate,
    shadow: me.shadow,
    legend: true,
    backGround: me.backGround,
    axes: me.axes, series: me.series
    });

    legend = me.chart.legend = new Ext.create('Ext.ux.chart.SmartLegend', {
    position: 'bottom',
    chart: me.chart,
    rebuild: true,
    boxStrokeWidth: 1
    });


    me.chart.legend.redraw();
    me.chart.redraw();

    then it give me error of

    MicrosoftJScript runtime error: Unable to get value of the property'add': objectisnullorundefined

    on this line

    box = me.boxSprite = me.chart.surface.add(Ext.apply({ . .of ext-all-debug.js file

  6. #16
    Sencha User Jeegnesh's Avatar
    Join Date
    Feb 2013
    Location
    Khedbrahma
    Posts
    30
    Vote Rating
    0
    Jeegnesh is on a distinguished road

      0  

    Default


    Problem arrives in SmartLegend

    My code Like this

    me.chart = new Ext.create('Ext.chart.Chart', {
    width: me.width, height: me.height,
    store: chartStore, animate: me.animate,
    shadow: me.shadow,
    legend: true,
    backGround: me.backGround,
    axes: me.axes, series: me.series
    });

    legend = me.chart.legend = new Ext.create('Ext.ux.chart.SmartLegend', {
    position: 'bottom',
    chart: me.chart,
    rebuild: true,
    boxStrokeWidth: 1
    });


    me.chart.legend.redraw();
    me.chart.redraw();

    then it give me error of

    MicrosoftJScript runtime error: Unable to get value of the property'add':objectisnullorundefined

    on this line

    box = me.boxSprite = me.chart.surface.add(Ext.apply({ . .of ext-all-debug.js file

    JEEGNESH
    INDIA

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

      0  

    Default


    SmartLegend no longer works with ExtJS 4.2.1 . I get a bunch of

    Code:
    SVG4601: SVG Path data has incorrect format and could not be completely parsed.
    Any tips to resolve this? Slightly annoyed this isn't part of the native ExtJS code....

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

      0  

    Default


    Fixed this.

    In SmartLegend.alignItems, change

    Code:
            var maxWidth = dim.maxWidth,
                maxHeight = dim.maxHeight,
                totalWidth = dim.totalWidth,
                totalHeight = dim.totalHeight,
                spacing = dim.spacing;
    to

    Code:
            var maxWidth = dim.maxWidth,
                maxHeight = dim.maxHeight,
                totalWidth = dim.totalWidth,
                totalHeight = dim.totalHeight,
                spacing = itemSpacing;

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

      0  

    Default


    SmartLegend hasn't been updated to 4.2.1 yet.

    Regards,
    Alex.

  10. #20
    Sencha User Daniil's Avatar
    Join Date
    Jun 2010
    Location
    Saint-Petersburg, Russia
    Posts
    975
    Vote Rating
    110
    Daniil is a name known to all Daniil is a name known to all Daniil is a name known to all Daniil is a name known to all Daniil is a name known to all Daniil is a name known to all

      0  

    Default


    I just tried it. Works nicely! The only thing I didn't admit is:
    Code:
    chart.legend.redraw(); 
    chart.redraw();
    in the Demo.

    I would use it like this:
    Code:
    Ext.chart.Chart.prototype.initComponent = Ext.Function.createSequence(Ext.chart.Chart.prototype.initComponent, function() {
        this.legend = Ext.create('Ext.ux.chart.SmartLegend', {
            position: 'right',
            chart: this,
            rebuild: true,
            boxStrokeWidth: 1
        });
    });
    Ext.NET - ASP.NET for Ext JS
    MVC and WebForms
    Examples | Twitter