Gelmiş geçmiş en büyük porno sitemiz olan 2pe de her zaman en kaliteli pornoları sunmayı hedefledik. Diğer video sitemiz olan vuam da ise hd porno ağırlıklı çalışmalara başladık.

  1. #411
    Sencha Premium Member
    Join Date
    Jul 2007
    Posts
    256
    Vote Rating
    1
    brookd is on a distinguished road

      0  

    Default


    Sure, I would love to see it!

  2. #412
    Sencha User
    Join Date
    Jan 2011
    Posts
    544
    Vote Rating
    51
    willigogs is a jewel in the rough willigogs is a jewel in the rough willigogs is a jewel in the rough

      0  

    Default


    I'll look at getting a working example up on Fiddle later, but for now here's a basic breakdown of how I implemented it. Below is a basic column chart, but you can edit the highchart code to display any of the available chart types:

    Assuming the store load returns data in this format:
    Code:
    "records": [
        {"key":"2012-08-08 23:59:59", "value":"2"},
        {"key":"2012-08-07 23:59:59", "value":"4"},
        {"key":"2012-08-06 23:59:59", "value":"5"},
        {"key":"2012-08-05 23:59:59", "value":"3"},
        {"key":"2012-08-04 23:59:59", "value":"7"},
        {"key":"2012-08-03 23:59:59", "value":"3"},
        {"key":"2012-08-02 23:59:59", "value":"1"}
    ]
    Here's a couple of chart specific functions I use in the code later:
    Code:
    function convertChartData(records, name) {
        var arr = [];
        for(i = 0, x = records.length; i < x; i++) {  
            var r = records[i];
            var val = r.get(name);
            arr.push(val)
        };    
        return arr;
    }
    
    
    function resizeChart(containerId, chart) {
        var parent = $('#' + containerId);
        var w = parent.width();
        var h = parent.height();
        chart.setSize(w, h);
    }
    And now the full EXTJS code for adding highcharts to panels:
    Code:
    Ext.ns('MyApp');
    
    
    MyApp.chart_example = Ext.extend(Ext.Panel, {
        
        initComponent:function() {
            
            var thispanel = this;
            
            var chart;
            
            var fields = [
                {name: 'key', mapping:'key', type:'date', dateFormat:'Y-m-d H:i:s'},
                {name: 'value', mapping:'value', type:'float'}    
            ];
                    
            var store = new Ext.data.JsonStore({
                url: URL_GOES_HERE,
                fields: fields,
                root: 'records',
                autoLoad: false,
                listeners: {
                    
                    load: function(thisStore, records, o) 
                            
                        var keys = convertChartData(records, 'key');
                        var values = convertChartData(records, 'value');            
                        
                        chart.xAxis[0].setCategories(keys);
                        chart.series[0].setData(values);
                        resizeChart(thispanel.id, chart)
                        
                    }    
                }
            });
                
            var config = {
                flex:1,
                store: store,
                border: false
            };
    
    
            Ext.apply(this, Ext.apply(this.initialConfig, config));
    
    
            MyApp.chart_example.superclass.initComponent.apply(this, arguments);        
            
            this.on({
                bodyresize: {
                    fn: function() {
                        resizeChart(thispanel.id, chart)
                    }    
                },
                afterrender:{scope:this, single:true, fn:function() {
                                    
                    var renderTo = this.id;
            
                    chart = new Highcharts.Chart({
                        title: false,
                        credits: false,
                        legend: false,
                        chart: {
                            animation: true,
                            type: 'column',
                            renderTo: renderTo,
                            margin:[20, 20, 55, 35]
                        },
                        yAxis: [{
                            allowDecimals: false,
                            title: false,
                            alternateGridColor: '#f9f9f9'
                        }],
                        xAxis: {
                            reversed: true,
                            labels: {
                                formatter: function() {
                                    var formatted = this.value.format('jS M');
                                    return formatted
                                },
                                rotation: -45,
                                style: {
                                    fontWeight: 'normal',
                                    fontSize: '10px'
                                },
                                align:'right',
                                x:5    
                            }
                        },
                        tooltip: {
                            borderWidth: 1,
                              shadow:false,
                              style: {
                                  fontSize: '11px'    
                              },
                            formatter: function() {
                                if(this.y == 0) {
                                    return false;
                                } else {
                                    var formatted = this.x.format('jS M');
                                    return '<b>' + formatted + '</b><br>' + this.y;
                                }
                            }
                        },
                        plotOptions: {
                            column: {
                                borderWidth: 0,
                                animation: {duration: 1000},
                                dataLabels: {
                                    enabled: true,
                                    style: {
                                        color:'#888'
                                    },
                                    y: -8,
                                    formatter: function() {
                                        if(this.y == 0) {
                                            return '';    
                                        } else {
                                            return this.y;
                                        }
                                    }
                                }
                            },
                            series: {
                                color: '#dd5658',
                                shadow: false,   
                                cursor: 'pointer',
                                events: {
                                    click: function(e) {
                                        // CLICK LOGIC HERE
                                    }
                                }        
                            }
                        },
                        series: [{
                            data: []
                        }]
                    });    
                        
                    this.store.load();
                    
                    this.chart = chart;
                    
                }}
            });
            
            
        }    
    });
    Ext.reg('chart_example', MyApp.chart_example);
    Then to add this to your layout, you would simply do something like the following:
    Code:
    var basicPanel = new Ext.Panel({
        title: 'Here is the Chart Container',
        items: {
            xtype: 'chart_example'
        }
    });
    Give me a shout if none of this makes sense...

  3. #413
    Sencha Premium Member
    Join Date
    Jul 2007
    Posts
    256
    Vote Rating
    1
    brookd is on a distinguished road

      0  

    Default


    Sweet! Thanks for taking the time to post this. I will test it our over the coming days and let you know how it goes!

  4. #414
    Sencha User
    Join Date
    Jan 2013
    Posts
    8
    Vote Rating
    0
    hassane is on a distinguished road

      0  

    Default tabPanel-ExtJS + highcharts

    tabPanel-ExtJS + highcharts


    Dear all, thank you for your great work.
    I am using Highcharts extension with ExtJS, and I just face an issue. I am trying to create a highchart component in a tabpanel using Xtype. The issue is that when I set the ‘activeTab’ of the tabpanel to the tab where highchart component is, the latter works properly. But, when I set the ‘activeTab’ to another tab and then after click the tab where highchart component is, the chart is not created.
    I have also tried to create the chart before the tabpanel using the following way:

    var Hchart = Ext.create(“Chart.ux.Highcharts”, {…});
    and then in the tabpanel
    var tabpanel = Ext.create(‘Ext.tab.Panel’, {
    width: 1000,
    height: 600,
    activeTab: 2,
    renderTo:’paneldom’,
    items: [{
    id:’home’,
    title: ‘Home’,
    },
    {
    title: ‘History’,
    id:’history’,
    layout: ‘border’,
    items:[{
    region:’center’,
    id:’figureId’,
    xtype:’panel’,
    autoScroll:true,
    layout:’fit’,
    items : Hchart,

    this way does not work even if I activate the tab where the chart is.
    could you please tell me what is wrong
    Thank you for your time and consideration

  5. #415
    Ext JS Premium Member
    Join Date
    Oct 2011
    Posts
    41
    Vote Rating
    0
    AshNathan is on a distinguished road

      0  

    Default


    Hi,

    I'm using ExtJS3.4 with high charts and I'm trying an example chart that can have 2 y-axes. Is this possible? If so can I get an example of how to do this? I'm kind of lost looking in the source code for Ext.ux.HighCharts

    Thanks

  6. #416
    Sencha User
    Join Date
    Jan 2011
    Posts
    544
    Vote Rating
    51
    willigogs is a jewel in the rough willigogs is a jewel in the rough willigogs is a jewel in the rough

      0  

    Default


    How have you currently implemented Highcharts into EXTJS? Are you using the adapter and plugin as referenced in the opening post - or have you gone the way of manually inserting highcharts into panels how I mentioned in post #412?

    I could probably scrape an example together of the later method if required.

  7. #417
    Ext JS Premium Member
    Join Date
    Oct 2011
    Posts
    41
    Vote Rating
    0
    AshNathan is on a distinguished road

      0  

    Default


    willigogs, I have used the adapter and plugin referenced in the opening post.

  8. #418
    Sencha User
    Join Date
    May 2013
    Posts
    2
    Vote Rating
    0
    senRsl is on a distinguished road

      0  

    Default


    感觉好伤心。。。。。。。。。

  9. #419
    Sencha User
    Join Date
    May 2013
    Posts
    2
    Vote Rating
    0
    senRsl is on a distinguished road

      0  

    Default


    floow this ban day,run it finnly,3q

  10. #420
    Sencha User
    Join Date
    Jun 2013
    Posts
    1
    Vote Rating
    0
    lbrutti is on a distinguished road

      0  

    Default Sencha Touch Compatibility

    Sencha Touch Compatibility


    Hello,
    since now i tried to use Joe Kuan Highcharts Extension for Sencha, but i couldn't manage to make it work properly on my series...
    Can i use this plugin also with sencha touch?

    Thanks
    Lorenzo

Thread Participants: 125

  1. mystix (1 Post)
  2. medusadelft (5 Posts)
  3. marcing (2 Posts)
  4. sj137 (3 Posts)
  5. lossendae (1 Post)
  6. brookd (4 Posts)
  7. ccquiles (1 Post)
  8. jmass (1 Post)
  9. robin30 (2 Posts)
  10. Hemlock (1 Post)
  11. vahid4134 (1 Post)
  12. Sesshomurai (1 Post)
  13. pawelb1973 (1 Post)
  14. tonedeaf (2 Posts)
  15. mm_202 (1 Post)
  16. PTG (2 Posts)
  17. buergi (18 Posts)
  18. dorgan (18 Posts)
  19. mitchellsimoens (5 Posts)
  20. BlueCamel (1 Post)
  21. ganchsg (1 Post)
  22. Shaguar (5 Posts)
  23. enpasos (2 Posts)
  24. Eitschman (1 Post)
  25. Remy (1 Post)
  26. Urkman (4 Posts)
  27. bdunkin (1 Post)
  28. gthe (4 Posts)
  29. ttbgwt (1 Post)
  30. nathand (1 Post)
  31. Scorpie (1 Post)
  32. soulgen (6 Posts)
  33. leonardb (13 Posts)
  34. christophe67 (4 Posts)
  35. wki01 (1 Post)
  36. wemerson.januario (1 Post)
  37. nego2 (1 Post)
  38. tolichsvs (1 Post)
  39. xstegner (2 Posts)
  40. Alex84 (2 Posts)
  41. nxminh (1 Post)
  42. edykstra (3 Posts)
  43. neuralys (1 Post)
  44. r_honey (13 Posts)
  45. tvik (1 Post)
  46. xiongzhijian51 (1 Post)
  47. plaak (1 Post)
  48. meroy (1 Post)
  49. tryingextjs (2 Posts)
  50. talha06 (4 Posts)
  51. stephen.friedrich (1 Post)
  52. lpastor (1 Post)
  53. Manoharan (9 Posts)
  54. f.wolfsjaeger (2 Posts)
  55. shinkenno (2 Posts)
  56. asagala (2 Posts)
  57. DirkWei (1 Post)
  58. ralphmyers420 (12 Posts)
  59. ChiefDanGeorge (7 Posts)
  60. dvuja2 (1 Post)
  61. tripEXITo (1 Post)
  62. dr1811 (4 Posts)
  63. ljankowski (1 Post)
  64. robindel (1 Post)
  65. lj2008 (1 Post)
  66. ipebaikbanget (1 Post)
  67. cq.yangyu@gmail.com (1 Post)
  68. suntaek (1 Post)
  69. kurt schrauwen (1 Post)
  70. lalllall (1 Post)
  71. bdom (2 Posts)
  72. jackygurui (4 Posts)
  73. MeeMMeeM (6 Posts)
  74. denise (5 Posts)
  75. prabhu_patil (1 Post)
  76. araiczyk (1 Post)
  77. ferns (1 Post)
  78. yvestan (2 Posts)
  79. BigSeanDawg (1 Post)
  80. fabads (19 Posts)
  81. babaqga123 (1 Post)
  82. Mayus (1 Post)
  83. Christiand (3 Posts)
  84. greenst (2 Posts)
  85. SpinoWeb (4 Posts)
  86. vanessa_ng (2 Posts)
  87. toma (1 Post)
  88. 4fan (1 Post)
  89. donp (1 Post)
  90. karthik085 (7 Posts)
  91. aminaq (1 Post)
  92. fabiojpoli (8 Posts)
  93. sosy (1 Post)
  94. ericsmith66 (2 Posts)
  95. rebeccapeltz (4 Posts)
  96. kyrillos52 (2 Posts)
  97. guessit (7 Posts)
  98. israel.galan (5 Posts)
  99. Joe Kuan (12 Posts)
  100. Erci (5 Posts)
  101. liechtir (1 Post)
  102. wump (2 Posts)
  103. jprakash (1 Post)
  104. smkkiran (1 Post)
  105. framazz (4 Posts)
  106. pauldugas (1 Post)
  107. ToddJB (2 Posts)
  108. kaendsle (2 Posts)
  109. epimerde (1 Post)
  110. muralikr (1 Post)
  111. logon68 (1 Post)
  112. x0ner (1 Post)
  113. agus.delonge (1 Post)
  114. wuming444 (3 Posts)
  115. willigogs (4 Posts)
  116. Nicodemuz (1 Post)
  117. cmhampton (3 Posts)
  118. es3analytics (5 Posts)
  119. dgotty (2 Posts)
  120. spradeepv (1 Post)
  121. AshNathan (2 Posts)
  122. hassane (1 Post)
  123. Mr.Solomon (1 Post)
  124. senRsl (2 Posts)
  125. lbrutti (1 Post)