1. #391
    Sencha Premium Member
    Join Date
    May 2010
    Location
    San Jose, CA, USA
    Posts
    64
    Vote Rating
    0
    vanessa_ng is on a distinguished road

      0  

    Default


    Hi Eric,
    Have you found a solution for your problem with pie chart? I am using highcharts v2.1.0. Pie chart does not display when I use it with Ext.ux.HighchartPanel
    Code:
    // ChartPanel with pie
                new Ext.ux.HighchartPanel({
                    layout:'fit',
                    applyTo: 'chart-panel-pie',
                    title: 'Ext.ux.HighchartPanel: pie',
                    width: 800,
                    height: 400,
                    chartConfig: {
                        chart: {
                            plotBackgroundColor: null,
                            plotBorderWidth: null,
                            plotShadow: false
                        },
                        title: {
                            text: 'Browser market shares at a specific website, 2010'
                        },
                        tooltip: {
                            formatter: function() {
                                return '<b>' + this.point.name + '</b>: ' + this.y + ' %';
                            }
                        },
                        plotOptions: {
                            pie: {
                                allowPointSelect: true,
                                cursor: 'pointer',
                                dataLabels: {
                                    enabled: true,
                                    color: '#000000',
                                    connectorColor: '#000000',
                                    formatter: function() {
                                        return '<b>' + this.point.name + '</b>: ' + this.y + ' %';
                                    }
                                }
                            }
                        },
                        series: [{
                            type: 'pie',
                            name: 'Browser share',
                            data: [
                                ['Firefox',   45.0],
                                ['IE',       26.8],
                                {
                                    name: 'Chrome',
                                    y: 12.8,
                                    sliced: true,
                                    selected: true
                                },
                                ['Safari',    8.5],
                                ['Opera',     6.2],
                                ['Others',   0.7]
                            ]
                        }]
                    }
                });
    Last edited by vanessa_ng; 17 Aug 2011 at 3:59 PM. Reason: fix code tag

  2. #392
    Sencha Premium Member
    Join Date
    May 2010
    Location
    San Jose, CA, USA
    Posts
    64
    Vote Rating
    0
    vanessa_ng is on a distinguished road

      0  

    Default


    Quote Originally Posted by ericsmith66 View Post
    I tried using it with highcharts 2.1.4 and pie charts do not work...

    Another member also mentioned it and he was told that the adapter is for 2.0.5

    I have not tested if other charts are broken or not, but having adapter to support 2.1+ would be great
    Hi Eric,
    Have you found a solution for your problem with pie chart? I am using highcharts v2.1.0. Pie chart does not display when I use it with Ext.ux.HighchartPanel
    Code:
    // ChartPanel with pie
                new Ext.ux.HighchartPanel({
                    layout:'fit',
                    applyTo: 'chart-panel-pie',
                    title: 'Ext.ux.HighchartPanel: pie',
                    width: 800,
                    height: 400,
                    chartConfig: {
                        chart: {
                            plotBackgroundColor: null,
                            plotBorderWidth: null,
                            plotShadow: false
                        },
                        title: {
                            text: 'Browser market shares at a specific website, 2010'
                        },
                        tooltip: {
                            formatter: function() {
                                return '<b>' + this.point.name + '</b>: ' + this.y + ' %';
                            }
                        },
                        plotOptions: {
                            pie: {
                                allowPointSelect: true,
                                cursor: 'pointer',
                                dataLabels: {
                                    enabled: true,
                                    color: '#000000',
                                    connectorColor: '#000000',
                                    formatter: function() {
                                        return '<b>' + this.point.name + '</b>: ' + this.y + ' %';
                                    }
                                }
                            }
                        },
                        series: [{
                            type: 'pie',
                            name: 'Browser share',
                            data: [
                                ['Firefox',   45.0],
                                ['IE',       26.8],
                                {
                                    name: 'Chrome',
                                    y: 12.8,
                                    sliced: true,
                                    selected: true
                                },
                                ['Safari',    8.5],
                                ['Opera',     6.2],
                                ['Others',   0.7]
                            ]
                        }]
                    }
                });

  3. #393
    Sencha User
    Join Date
    Oct 2010
    Location
    Bangalore
    Posts
    50
    Vote Rating
    0
    smkkiran is on a distinguished road

      0  

    Exclamation i did'nt got any example

    i did'nt got any example


    can any one please send me example for highcharts plugin in Extjs i am unable to do it
    thanks in advance

  4. #394
    Touch Premium Member
    Join Date
    Sep 2010
    Location
    UK
    Posts
    54
    Vote Rating
    1
    Joe Kuan is on a distinguished road

      0  

    Default Pie chart config

    Pie chart config


    To plot pie chart, here is an example of pie chart config

    PHP Code:
    piechart = {
        
    series: [ {
          
    name'Bytes',
          
    type'pie',
          
    categorieField'section',
          
    dataField'bytes',
        }],
        
    chartConfig: {
          
    chart: { height300animation: { duration2000 } },
          
    legendfalse,
          
    creditsfalse,
          
    plotOptions: {
            
    pie: { animation: { duration2000 } },
          
    series: { type'pie' },
       }
    }; 


    On the PHP server side for your JsonStore, you should return something like


    PHP Code:
    $result['root'][] = array('section' => 'First section name''bytes' => 100000);
    $result['root'][] = array('section' => 'Second section name''bytes' => 100000);
    $result['root'][] = array('section' => 'Third section name''bytes' => 100000);
    ... and 
    so on
    json_encode
    ($result); 

  5. #395
    Touch Premium Member
    Join Date
    Sep 2010
    Location
    UK
    Posts
    54
    Vote Rating
    1
    Joe Kuan is on a distinguished road

      0  

    Default Highcharts for ExtJs 4

    Highcharts for ExtJs 4


    Hi all,

    I have ported the Highcharts extension to ExtJs 4. Here is the link if you are interested.

    http://joekuan.wordpress.com/2012/01...n-for-extjs-4/

    Cheers
    Joe

  6. #396
    Sencha User
    Join Date
    May 2010
    Location
    Trinacria - Italy
    Posts
    35
    Vote Rating
    0
    SpinoWeb is on a distinguished road

      0  

    Default


    Quote Originally Posted by Joe Kuan View Post
    Hi all,

    I have ported the Highcharts extension to ExtJs 4. Here is the link if you are interested.

    http://joekuan.wordpress.com/2012/01...n-for-extjs-4/

    Cheers
    Joe
    thanks! I try it!

  7. #397
    Sencha User
    Join Date
    May 2010
    Location
    Trinacria - Italy
    Posts
    35
    Vote Rating
    0
    SpinoWeb is on a distinguished road

      0  

    Default


    Hi Joe, great work!

    My json request return the following code:
    Code:
    {"success":"true","points":[{"x":0,"y":0},{"x":300,"y":0},{"x":300,"y":600},{"x":0,"y":600},{"x":0,"y":0}],"rebars":[{"x":40,"y":40},{"x":260,"y":40},{"x":40,"y":560},{"x":260,"y":560}]}
    and I'd like to obtain this plot: http://jsfiddle.net/xPPd8/

    How can I set the highchart? I tryed to modify your standalone.js example, but with bad result

  8. #398
    Touch Premium Member
    Join Date
    Sep 2010
    Location
    UK
    Posts
    54
    Vote Rating
    1
    Joe Kuan is on a distinguished road

      0  

    Default Scatter example

    Scatter example


    I have included the scatter example. Have a look at the http://github.com/JoeKuan/Highcharts_ExtJs_4

    Joe

  9. #399
    Sencha User
    Join Date
    May 2010
    Location
    Trinacria - Italy
    Posts
    35
    Vote Rating
    0
    SpinoWeb is on a distinguished road

      0  

    Default


    Quote Originally Posted by Joe Kuan View Post
    I have included the scatter example. Have a look at the http://github.com/JoeKuan/Highcharts_ExtJs_4

    Joe
    thank u!

  10. #400
    Sencha User
    Join Date
    Mar 2011
    Location
    Philadelphia
    Posts
    30
    Vote Rating
    3
    dgotty is on a distinguished road

      0  

    Default Pie Chart Fail

    Pie Chart Fail


    Hey All,

    I've been messing with the Highchart plugin for ExtJs but I can't seem to get the pie chart to render properly (you can see the empty pie chart in the middle). I'm using ExtJs 3.1...anyone have any ideas as to why this might be happening?

    pieChartFail.jpg

    Here's my code:
    HTML Code:
    layout: 'fit',
        initComponent: function() {
            
            this.chart = new Ext.ux.HighChart({
                series: [
                    {
                        name: 'Arbitrary Data - column',
                        type: 'column',
                        data: [29.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4]
                    },{
                        name: 'Arbitrary Data - default (line)',
                        data: [14.5, 301.5, 156.5, 9.2, 44.2, 36.0, 120.1, 100.4, 20.5, 134.4, 205.2, 2.5]
                    },{
                        name: 'Arbitrary Data - spline',
                        type: 'spline',
                        data: [36.0, 120.1, 205.2, 2.5, 14.5, 301.5, 156.5, 9.2, 44.2, 100.4, 20.5, 134.4]
                    },{
                        name: 'Arbitrary Data - area',
                        type: 'area',
                        data: [176.0, 135.6, 148.5, 29.9, 71.5, 106.4, 129.2, 194.1, 95.6, 54.4, 144.0, 216.4]
                    },{
                        name: 'Arbitrary Data - spline with short dot',
                        type: 'spline',
                        data: [71.5, 106.4, 176.0, 135.6, 148.5, 29.9, 129.2, 194.1, 144.0, 216.4, 95.6, 54.4],
                        dashStyle: 'shortdot'
                    },{
                        name: 'Arbitrary Data - scatter',
                        type: 'scatter',
                        data: [176.0, 194.1, 95.6, 54.4, 144.0, 216.4, 106.4, 129.2, 135.6, 148.5, 29.9, 71.5]
                    },{
                        name: 'Arbitrary Data - pie',
                        type: 'pie',
                        dataField: 'value',
                        data: [106.4, 129.2, 135.6, 176.0, 216.4, 148.5, 29.9, 71.5, 194.1, 95.6, 54.4, 144.0]
                    }
                ],
                chartConfig: {
                    chart: {},
                    title: {
                        text: 'Arg!!!'
                    },
                    xAxis: {},
                    yAxis: {}
                }
            });
            
            this.items = [this.chart]
    Any help is appreciated.

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)