Ir para conteúdo


Foto

Como deixar as series uma do lado da outra ColumnSeries3D ?

sencha senchatouch touch chart bar coolumn3d

  • Por favor, faça o login para responder
2 respostas neste tópico

#1 Allison WIllian

Allison WIllian

    Member Avançado

  • Membros
  • PipPipPip
  • 40 posts
  • LocationLondrina

Postado 08 October 2015 - 17:34

Olá pessoal

 

Construí um grafico de column 3D como na imagem, mais quando tenho mais de um gostaria que eles ficassem lado a lado e não como na imagem

 

Alguém sabe qual propriedade faz isso?

 

http://prntscr.com/8p8k40

 

ColumnSeries3D

Ext.define('Integrator.view.BI.Chart.ColumnSeries3D', {
    //singleton: true,
    extend: 'Ext.Container',
    alias: 'widget.column3Dchart',
    
    requires: [
        'Ext.chart.Chart',
        'Integrator.view.BI.Chart.series.ColumnSeries3D',        
        'Ext.chart.axis.Numeric',
        'Ext.chart.axis.Category',
        'Integrator.view.ColorPatterns',
        //'Ext.chart.CartesianChart',
        'Ext.chart.interactions.PanZoom'        
    ],

    initialize: function(){
        this.callParent();
        
    },    
    config: {
        cls: 'card5',
        layout: 'fit',
        style: 'background: white',
        items: [{
            xtype: 'chart',
            background: '#EEE',
            store: {},
            autoDestroy: true,
            itemId: 'chartBIColumn3D',           
            animate: true,            
            legend: {
                position: 'bottom',
                cls: 'fontLegend'
            },
            interactions: [{
                type: 'panzoom',
                axes: {
                    "left": {
                        //allowPan: true,
                        allowZoom: true,
                        maxZoom: 4
                    },
                    "bottom": {
                        //allowPan: true,
                        allowZoom: true,
                        maxZoom: 4
                    }
                }
            }],
            innerPadding:{top: 12, left: 5, right: 5, bottom: 2}            
        }],
            }
        } 
    }   
});



#2 Wemerson Januario

Wemerson Januario

    Administrador Ext JS Brasil

  • Administrators
  • 802 posts
  • LocationGoiânia - GO

Postado 13 October 2015 - 15:21

stacked: false 

 talvez possa ajudar.

 

http://examples-orig...#column-stacked


Wemerson Januario
http://wemersonjanuario.com.br
Twitter: @januariocoder

 

Treinamento e Consultoria Ext JS. Qualifique-se já!


#3 Allison WIllian

Allison WIllian

    Member Avançado

  • Membros
  • PipPipPip
  • 40 posts
  • LocationLondrina

Postado 13 October 2015 - 15:30

stacked: false 

 talvez possa ajudar.

 

http://examples-orig...#column-stacked

 

Olá Wemerson

 

Obrigado pelo seu tempo

 

Não deu certo, coloquei o stacked: true

 

http://prntscr.com/8qxrkk

 

to usando o ST 2.3.1

 

seriesArray.push(
                                                new Integrator.view.BI.Chart.series.ColumnSeries3D({                                                
                                                    xField: 'compe',                                                             
                                                    yField: [indicadoresStore.fields[j]],           
                                                    stacked: false,
                                                    highlight: true,                                                    
                                                    lineJoin:'bevel',                                                    
                                                    label: {
                                                        display: 'over', 
                                                        field: indicadoresStore.fields[j],
                                                        orientation: 'horizontal', // 'vertical'
                                                        'text-anchor': 'middle',
                                                        font: '10px Helvetica'                                                    
                                                    },  
                                                    translationX : maxBarWidth -=15,
                                                    style: {
                                                        fillStyle: lineColors[j-1],
                                                        strokeStyle: 'black',                                                        
                                                        fillOpacity: 0.8,
                                                        maxBarWidth: maxBarWidth -=10 //essa linha é gamb para diminuir o tamanho das columns                                                       
                                                    }                                                    
                                                })
                                            );






Tópicos que também usam as tags sencha, senchatouch, touch, chart, bar, coolumn3d:

0 usuário(s) está(ão) lendo este tópico

0 membros, 0 visitantes, 0 membros anônimos