1. #121
    Sencha User
    Join Date
    Apr 2007
    Posts
    172
    Vote Rating
    1
    medusadelft is on a distinguished road

      0  

    Default


    Buz: great work!

    Did anyone run into a similair error like this (using HighChart 1.2.5 and Ext.3.2.1):
    dom is undefined
    extjs-debug(5318) if(!/^body/i.test(dom.tagName) ...& me.getStyle('position') == 'static'){\n

    I have a panel with a toolbar and a listview. Clicking on the toolbar button opens a window with the highchart graphic. The store used for the highchart is the same store as I used for the listView (why query the server again as we already have all the data at the pc?).
    After closing (using the closing cross at the top right or the close button I created on the window, function: winGraph.close() ). I get this message when I want to change the store of the listview (with a reload to get other data). Redisplaying the chart again works. It also seems to work when I change the winGraph.close() to winGraph.hide()

    Your suggestions are welcome
    Thanks,
    Maurice.

  2. #122
    Sencha User
    Join Date
    Apr 2007
    Posts
    172
    Vote Rating
    1
    medusadelft is on a distinguished road

      0  

    Default Another problem, xAxis error

    Another problem, xAxis error


    Hi,

    I've got a problem. Maybe someone can point me in the right direction?

    I want to add an xAxis title, but I get the error:
    this.chartConfig.xAxis[0] is undefined
    Ext.ux.HighChart.js (line 293) this.chartConfig.xAxis[0].categories = data;


    My Chart code:
    Code:
                      var chartSeries = new Array({
    	       type: 'column',
                        name: 'Gemiddelde',
                        yField: 'gemiddelde'
                    });
    	for (i=1;i<=tabLeagGames;i++) {
    	    chartSeries.push({
                            name: 'Game '+i,
                            yField: 'game'+i
                        });
    	}
    
                   var chart = new Ext.ux.HighChart({
                        store: storeSpelers,
                        loadMask: true,
                        chartConfig: {
                            chart: {
                            	backgroundColor: '#ffffff'
                                ,defaultSeriesType: 'line'
                                ,margin: [50, 150, 60, 80]
                                ,zoomType: 'x'
                            },
                            title: {
                                text: 'Gemiddelde en games',
                                style: {
                                    margin: '10px 100px 0 0' // center it
                                }
                            },
                            subtitle: {
                                text: chartSubTitle,
                                style: {
                                    margin: '0 100px 0 0' // center it
                                }
                            },
                            legend: {
                                layout: 'vertical',
                                style: {
                                    left: 'auto',
                                    bottom: 'auto',
                                    right: '10px',
                                    top: '100px'
                                }
                            },
    		plotOptions: {
    			line: {
    				states: {
    					    hover: {
    						        enabled: true
    						}
    					}
    				}
    			}
    		,xAxis: {
    			title: { enabled: true ,text: 'Speelweek' }
    		}
    		,yAxis: {
    		    max: 300
    		    ,title: { text: 'Score' }
    		}
                        },
                        xField: 'speeldag',
                        series: chartSeries
                    });
    Thanks in advance,
    Maurice.

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

      0  

    Default


    Quote Originally Posted by medusadelft View Post
    Hi,

    I've got a problem. Maybe someone can point me in the right direction?

    I want to add an xAxis title, but I get the error:
    this.chartConfig.xAxis[0] is undefined
    Ext.ux.HighChart.js (line 293) this.chartConfig.xAxis[0].categories = data;


    My Chart code:
    Code:
                      var chartSeries = new Array({
               type: 'column',
                        name: 'Gemiddelde',
                        yField: 'gemiddelde'
                    });
        for (i=1;i<=tabLeagGames;i++) {
            chartSeries.push({
                            name: 'Game '+i,
                            yField: 'game'+i
                        });
        }
    
                   var chart = new Ext.ux.HighChart({
                        store: storeSpelers,
                        loadMask: true,
                        chartConfig: {
                            chart: {
                                backgroundColor: '#ffffff'
                                ,defaultSeriesType: 'line'
                                ,margin: [50, 150, 60, 80]
                                ,zoomType: 'x'
                            },
                            title: {
                                text: 'Gemiddelde en games',
                                style: {
                                    margin: '10px 100px 0 0' // center it
                                }
                            },
                            subtitle: {
                                text: chartSubTitle,
                                style: {
                                    margin: '0 100px 0 0' // center it
                                }
                            },
                            legend: {
                                layout: 'vertical',
                                style: {
                                    left: 'auto',
                                    bottom: 'auto',
                                    right: '10px',
                                    top: '100px'
                                }
                            },
            plotOptions: {
                line: {
                    states: {
                            hover: {
                                    enabled: true
                            }
                        }
                    }
                }
            ,xAxis: {
                title: { enabled: true ,text: 'Speelweek' }
            }
            ,yAxis: {
                max: 300
                ,title: { text: 'Score' }
            }
                        },
                        xField: 'speeldag',
                        series: chartSeries
                    });
    Thanks in advance,
    Maurice.
    Change xAxis: { config... } to xAxis: [{ config... }], same for the yAxis field, it should be an array instead of an object.

    For the first problem? What version are you using of the plugin?
    Attached Files

  4. #124
    Sencha User
    Join Date
    Apr 2007
    Posts
    172
    Vote Rating
    1
    medusadelft is on a distinguished road

      0  

    Default


    Wow, quick repsonse! Thanks buz!

    Axis are working now, great!

    I'm using Ext.ux.HighChart.js 0.3.0 (downloaded somewhere last week)

  5. #125
    Ext User
    Join Date
    Apr 2010
    Posts
    91
    Vote Rating
    0
    fabads is on a distinguished road

      0  

    Default


    Hello,

    I want to display data at non regular intervals on a time series chart.
    For that, I followed the tips given on Highcharts forum and published a json file like that :

    Code:
    {
       "Points" : [
          {
             "point" : 360,
             "time" : 1000
          },
          {
             "point" : 360,
             "time" : 62000
          },
    ...
    time is converted to milliseconds and I specified the datetime type for xAxis :

    Code:
     function W3hConsoGraphToday() {
        var store = new Ext.data.JsonStore({
            fields:['point'],
                url: '../w3h-data/w3h-conso-graph-today.json',
                root: "Points"
            });
    
        store.load();
        
    	
    	W3hConsoGraphToday.superclass.constructor.call(this, 
    	{
            loadMask:true,
            store: store,
    
            chartConfig:{
                chart: {
    				zoomType: 'x'
                },
                title: {
                    text: 'Today energy'
                },
                xAxis: {
    				type: 'datetime',
                    maxZoom: 15 * 60000, // 15 minutes
                    title: {
                        text: null
                    }
                },
                yAxis: {
                    title: {
    					text: 'Energy (Watts)'
                    },
    				startOnTick: false,
    				showFirstLabel: false
                },
                tooltip: {
                    formatter: function() {
    					return '<b>'+ (this.point.name || this.series.name) +'</b><br/>'+
    						Highcharts.dateFormat('%Hh%M', this.x) + '<br/>' + Highcharts.numberFormat(this.y, 0) +' Watts';
                    }
                },
                legend: {
                    enabled: false
                },
                plotOptions: {
    				area: {
    					fillColor: {
    						linearGradient: [0, 0, 0, 300],
    						stops: [
    							[0, "#4572A7"],
                                [1, 'rgba(0,0,0,0)']
                            ]
                        },
                        lineWidth: 1,
                        marker: {
                            enabled: false,
                            states: {
                                hover: {
                                    enabled: true,
    		          radius: 3
                                }
                            }
                        },
                        shadow: false,
                        states: {
                            hover: {
                                lineWidth: 1
    						}
                        }
                    }
                }
            },
            series: [{
    	type: 'area',
               yField: 'point',
    	xField: 'time',
               name: 'Energy',
               //pointInterval: 60000,
               //pointStart: Date.UTC(2006, 0, 01)
    			}]
    	});
    }
    
    Ext.extend(W3hConsoGraphToday, Ext.ux.HighChart);


    Data are not displayed according the time (I have one vertical line !)

    What's wrong with my code ?

    Thanks for your support.

    Fabrice

  6. #126
    Ext User
    Join Date
    Apr 2010
    Posts
    91
    Vote Rating
    0
    fabads is on a distinguished road

      0  

    Default


    Ok, I've found my error.
    I missed to specify 'time' in the Fields property of JsonStore.

  7. #127
    Ext User
    Join Date
    Apr 2010
    Posts
    91
    Vote Rating
    0
    fabads is on a distinguished road

      0  

    Default


    And I want to add that this adapter is really really useful. Thanks to the author !!!

    Is it possible to have a graph updated each seconds when I click a button ? Like on this example :

    http://www.highcharts.com/demo/?exam...&theme=default

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

      0  

    Default


    Quote Originally Posted by fabads View Post
    And I want to add that this adapter is really really useful. Thanks to the author !!!

    Is it possible to have a graph updated each seconds when I click a button ? Like on this example :

    http://www.highcharts.com/demo/?exam...&theme=default
    Yes, that should be no problem. Just add a record to the store every second.

  9. #129
    Sencha User
    Join Date
    Apr 2007
    Posts
    172
    Vote Rating
    1
    medusadelft is on a distinguished road

      0  

    Default Column stack rendering problem

    Column stack rendering problem


    Hi,

    Just have problem with a stacked-column. It doesn't display/render correctly. The first column is not displayed from the bottom, only small segments are shown. The second column is displayed in the correct height as far as I can tell. Clicking twice on one of the legends (off/on) OR pausing using 'alert()' makes the chart columns display as they should. I tried window.setSize, the rendering seems to be a bit more often good, but not always.

    My code:
    PHP Code:
                    var storeChart = new Ext.data.JsonStore({
                        
    url'phpscripts/js.league.tab.teams.points.php'
                        
    ,baseParams: {teamIdteamId}
                        ,
    root'data'
                        
    ,fields: [
                            {
    name'speeldag'type'int'}
                            ,{
    name'wedpnt'type'float'}
                            ,{
    name'bonuspnt'type'float'}
                        ]
                    });
                    
    storeChart.load();

                    var 
    chartSeries = new Array({
                        
    name'Wedstrijdpunten'
                        
    ,yField'wedpnt'
                    
    },{
                        
    name'Bonuspunten'
                        
    ,yField'bonuspnt'
                    
    });


                    var 
    chartSubTitle Ext.getCmp('tabBrdCenter'+tabId).tabpanTeam.title.substr(20);

                    var 
    chart = new Ext.ux.HighChart({
                        
    storestoreChart,
                        
    loadMasktrue,
                        
    chartConfig: {
                            
    creditschartCredits
                            
    ,chart: {
                                
    backgroundColor'#ffffff'
                                
    ,defaultSeriesType'column'
                                
    ,margin: [50507080]
                                ,
    zoomType'x'
                            
    },
                            
    title: {
                                
    text'Punten overzicht',
                                
    style: {
                                    
    margin'10px 100px 0 0' // center it
                                
    }
                            },
                            
    subtitle: {
                                
    textchartSubTitle,
                                
    style: {
                                    
    margin'0 100px 0 0' // center it
                                
    }
                            }
                            ,
    xAxis: [{
                                
    title: { enabledtrue ,text'Speelweek' }
                            }]
                            ,
    yAxis: [{
                                
    min0
                                
    ,max25
                                
    ,title: { text'Punten' }
                            }]
                            ,
    tooltip: {
                                
    formatter: function() {
                                    return 
    '<b>Speelweek: '+ (this.x+1) +'</b><br/>'+
                                        
    this.series.name +': 'this.+'<br/>'+
                                        
    'Totaal: 'this.point.stackTotal;
                                }
                            }
                            ,
    plotOptions: {
                                
    column: {
                                    
    stacking'normal'
                                    
    ,visibletrue
                                
    }
                                ,
    series: {
                                    
    events: {
                                        
    click: function(a,b,c) {
                                            
    graphWin.hide();
                                            
    showMatchScores(tabIdteamId0a.point.data.speeldagmaxSpeeldagNr);
                                        }
                                    }
                                }
                            }
                        },
                        
    xField'speeldag',
                        
    serieschartSeries
                    
    });


                    var 
    graphWin = new Ext.Window({
                        
    resizeabletrue,
                        
    width800,
                        
    height450,
                        
    layout'fit',
                        
    modaltrue,
                        
    closablefalse,
                        
    fbar: new Ext.Toolbar({
                            
    items: [{
                                
    xtype'button',
                                
    text'Sluiten',
                                
    handler: function(){
                                    
    graphWin.hide();
                                }
                            }]
                        })
                        ,
    items: [chart]
                    }).
    show();

                    
    // setSize fixes the 'stack' not displayed correctly...
                    
    graphWin.setSize(801,450); 
    Not sure if it has to do with Ext, HighChart itself or the ux.HighChart. Any ideas?

    Thanks,
    Maurice.
    Last edited by medusadelft; 26 May 2010 at 12:04 PM. Reason: setsize renders good more often, but not always

  10. #130
    Ext User
    Join Date
    Nov 2009
    Posts
    1
    Vote Rating
    0
    ljankowski is on a distinguished road

      0  

    Default Most current files needed?

    Most current files needed?


    Where can I get the most current files needed to run HighCharts and your controls, I've seen HighchartPanel, HighChart etc I just want to make sure I'm using the most current ones available. I'm trying to get this working with the Coolite toolkit, and had it working up to a point, but had trouble when I was trying to have it resize in a panel (Center Viewport).

    Thanks!

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)

film izle

hd film izle

film sitesi

takipci kazanma sitesi

takipci kazanma sitesi

güzel olan herşey

takipci alma sitesi

komik eğlenceli videolar