1. #21
    Sencha User
    Join Date
    Sep 2008
    Location
    Netherlands
    Posts
    106
    Vote Rating
    1
    buz is on a distinguished road

      0  

    Default


    @leonard
    Nice work.

    Did you use my version with the 1.2.5 version of highcharts? That one should make the resizing/moving work. See the demo at http://www.i286.org/examples/index.html

    Anyway, nice work. Good idea of creating a ChartStore, this is very useful for implementing many series. At the moment i work on a version that handles the chart as Ext.chart.Chart.

    Quote Originally Posted by christophe67 View Post
    Very nice plugin, but i'm very intterested to connect the chart with a data base like a grid have you any example.
    thanks
    Christophe
    I'm currently working on an extended version of the current HighchartPanel that will work the same as the Ext.chart.Chart. So you can bind series on columns instead of a new record. (Using HighchartPanelJson and Ext.ux.ChartStore).

  2. #22
    Sencha User Remy's Avatar
    Join Date
    Apr 2008
    Posts
    298
    Vote Rating
    0
    Remy is on a distinguished road

      0  

    Default


    Very impressive guys

  3. #23
    Ext User
    Join Date
    Sep 2008
    Posts
    23
    Vote Rating
    0
    leonardb is on a distinguished road

      0  

    Default


    Quote Originally Posted by buz View Post
    @leonard
    Nice work.

    Did you use my version with the 1.2.5 version of highcharts? That one should make the resizing/moving work. See the demo at http://www.i286.org/examples/index.html

    Anyway, nice work. Good idea of creating a ChartStore, this is very useful for implementing many series. At the moment i work on a version that handles the chart as Ext.chart.Chart.



    I'm currently working on an extended version of the current HighchartPanel that will work the same as the Ext.chart.Chart. So you can bind series on columns instead of a new record. (Using HighchartPanelJson and Ext.ux.ChartStore).
    Thanks @buz,

    Yes, I used the newer version, but was still having some issues (maybe my code ) with getting clean resizing in nested fit layout in an app I'm working on;
    ----------- north region -----------
    | chart |
    ----------------------------------
    | grouping grid |
    --------- center region -----------

    What i have is a grid showing grouped and summarized data, when a row in a group is selected, a direct method is called to load detailed data based on row data from server and add it to the ChartStore (which adds it to the chart). then on row deselect the data is removed from the store. this all supports multiple rows selections within the same group.

    The 'north' region is resizable, so the chart needs to follow any resize event automatically.
    I found that with the new code you'd posted it was not resizing correctly. not sure why. What I did was re-work the way the resize is handled (see my last post of Ext.ux.HighchartPanelJson) to try and determine the actual visible area for chart display on load and then set the chart sizes before rendering, and to update the chart size on resize events of parent container.

    I'm sure there's a better way to do this, I'm pretty new to ExtJS, and just hacking around.

    The move to emulating Ext.chart.Chart API is definitely a good idea, and seems to be very similar/exactly what I've been trying to achieve. So I assume as part of this we'll be able to bind the chart to an Ext.data.(Store|JsonStore|ArrayStore|DirectStore)? Look forward to seeing the results.

    Leonard

  4. #24
    Ext User
    Join Date
    Dec 2009
    Posts
    4
    Vote Rating
    0
    ipebaikbanget is on a distinguished road

      0  

    Thumbs up


    Nice work buz

  5. #25
    Sencha User
    Join Date
    Apr 2007
    Location
    Italy/UK
    Posts
    152
    Vote Rating
    0
    sj137 is on a distinguished road

      0  

    Default


    found a bug in IE8 with the demo page (http://www.i286.org/examples/index.html)

    Code:
    Highcharts.Chart.prototype.remove = function () {
    
        /**
         * Clear certain attributes from the element
         * @param {Object} d
         */
        function purge(d) {
            var a = d.attributes, i, l, n;
            if (a) {
                l = a.length-1;
                for (i = l; i >= 0; i -= 1) {
                    n = a[i].name;
                    //if (typeof d[n] !== ‘object’) {
                    if (n == 'coords') {
                        //d.parentNode.removeChild(d);
                        d[n] = '0,0,0,0';
                    } else if (typeof d[n] != 'object') {
                        d[n] = null;  //<---------------------here... IE says "Could not get the align property"
                    }
                }
            }
            a = d.childNodes;
            if (a) {
                l = a.length;
                for (i = 0; i < l; i += 1) {
                    purge(d.childNodes[i]);
    
                }
            }
    
        }
    I used the build in debugger to inspect the objects and found that
    the object d does have a property called align which is set to an empty string...

    so very strange behaviour indeed...

    PS highcharts looks great and well done you guys for integrating it with ext

    I've been using flot for a while but with ext3.x it's starting to give me problems...

    so i look forward to using highcharts soon!!

    keep up the good work, i'll see if i can find out what's going on with IE...

  6. #26
    Sencha User
    Join Date
    Apr 2007
    Location
    Italy/UK
    Posts
    152
    Vote Rating
    0
    sj137 is on a distinguished road

      0  

    Default


    best solution i could find was wrapping the line with a try-catch...

  7. #27
    Ext JS Premium Member
    Join Date
    Mar 2010
    Posts
    5
    Vote Rating
    0
    denise is on a distinguished road

      0  

    Default


    I was wondering: has anyone had any success getting the ExtJS Highcharts to work successfully with IE7 or IE8?

    I was getting the same error as a previous poster ('Could not get the align property') so I wrapped it in a try-catch clause as suggested. Now I'm getting a new error. The script debugger on IE8 is reporting "Error: 'null' is null or not an object" (highcharts.src.js, line 1105). From what I can tell, the cvs object returned by doc.getElementByID(cvs.id) is null: it can't retrieve the element it just created.

    I am going to try and see if I can figure out how to get around this but I was wondering if anyone seen the same behavior or gotten it working?

    (This is trying to get the index.html page that came with the adapter-examples.zip file to display in IE)

    Thanks.

  8. #28
    Sencha - Senior Forum Manager mitchellsimoens's Avatar
    Join Date
    Mar 2007
    Location
    Gainesville, FL
    Posts
    37,327
    Vote Rating
    850
    mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute

      0  

    Default


    Quote Originally Posted by denise View Post
    I was wondering: has anyone had any success getting the ExtJS Highcharts to work successfully with IE7 or IE8?
    The example is working in my IE8. Only thing I can see wrong is not tooltip for the chart in the window unless I move the window then it will work.
    Mitchell Simoens @SenchaMitch
    Sencha Inc, Senior Forum Manager
    ________________
    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 in print!

    When posting code, please use BBCode's CODE tags.

  9. #29
    Ext JS Premium Member
    Join Date
    Mar 2010
    Posts
    5
    Vote Rating
    0
    denise is on a distinguished road

      0  

    Default


    Thanks Mitchell, I was afraid of that!

    Actually I should clarify: if I skip the script error dialog windows the page eventually *does* show up and seems to work fine. Also if I disable script debugging and notification about script errors, the page shows up as well (everything seems to work fine) but a 'script error on page' icon shows up in the browser.

    Are you getting the page without any script errors? If so then I probably have something wrong with my setup!

    Thanks.

  10. #30
    Sencha - Senior Forum Manager mitchellsimoens's Avatar
    Join Date
    Mar 2007
    Location
    Gainesville, FL
    Posts
    37,327
    Vote Rating
    850
    mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute

      0  

    Default


    No I am getting the error but things seem to be working, assuming you move the window.
    Mitchell Simoens @SenchaMitch
    Sencha Inc, Senior Forum Manager
    ________________
    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 in print!

    When posting code, please use BBCode's CODE tags.

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)