Page 20 of 43 FirstFirst ... 10181920212230 ... LastLast
Results 191 to 200 of 429

Thread: Highcharts adapter and plugin for ExtJS

  1. #191
    Sencha User
    Join Date
    Sep 2008
    Location
    Netherlands
    Posts
    106

    Default

    Quote Originally Posted by fabads View Post
    Hello,

    Firebug raises an error when my highchart is displayed, in fact when the store.load is called.
    When can I call the store load (which refresh the graph) ?

    Here a sample of my code:

    PHP Code:
    W3h.panels.GraphViewer Ext.extend(Ext.Container, {
        ...
        
    initComponent: function(){
            
    this.storeDay = new Ext.data.JsonStore({
                
    url'test.json',
                
    root"Points",
                
    idProperty't',
                
    fields:['p''t']
            });
            
    this.storeDay.load();
            
                    
            
    this.hcDay = new Ext.ux.HighChart({
                
    loadMaskfalse,
                
    storethis.storeDay,
                
    chartConfig:{
                ...
                },
                
    series: [{
                ...
                }]
            });
            
            
    Ext.apply(this, {
                ...
                
    items:     [this.hcDay]
                                        
            });
            
            
    W3h.panels.GraphViewer.superclass.initComponent.call(this);
        }
    }); 
    And the error:
    PHP Code:
    this.chart is undefined
    var data = new Array(), seriesCount this.chart.series.lengthi;

    Ext.ux...hart.js (ligne 383
    Any idea ? Pb of scope ?

    Thx for support.
    Why not just extend Ext.ux.Highchart? And i do not have this.chart at line 383? Are you using version 0.3.1?

  2. #192

    Smile

    Hello Buz,

    Why not just extend Ext.ux.Highchart?
    The code above is just an extract of a component I've created (or I try to create) that not include only highchart.


    And i do not have this.chart at line 383? Are you using version 0.3.1?
    I'm using the 0.3.0 release. I've just upgraded to 0.3.1 and the error disappear !

    Thanks a lot.

  3. #193
    Ext JS Premium Member
    Join Date
    Mar 2010
    Posts
    5

    Default Problems displaying multiple stacked charts

    Using:
    Ext 3.2.1
    Highcharts 1.2.5
    ExtJS Highcharts Adapter 0.3.1

    I have been using an older version of the adapter for some time now (HighChartPanel) and everything has been working great! I decided I should update to the new version of the adapter and unfortunately it broke everything.

    In a nutshell I used to be able to display multiple Highchart graphs on a single panel using a vertical box layout. I wrote a very simple test page and what ends up showing in the browser (FF 3.5.9 and IE8, minimum requirements) is a single chart, always shown with the contents of the second chart. If I use Firebug I can see the div for both charts but while the first one contains other markup, the second one is empty.

    I can't figure out what's going on! Does anybody have any experience with a similar problem?
    Attached Files Attached Files

  4. #194
    Ext JS Premium Member
    Join Date
    Mar 2010
    Posts
    5

    Default

    Fixed my own problem:
    For some reason the panel el.dom was showing an updated value, but when I looked at the chartConfig.chart.renderTo property it wasn't getting updated. Weird. So I set the ID on the Ext.ux.HighChart component and then passed it as part of the chartConfig.chart.renderTo property.

  5. #195
    Sencha User
    Join Date
    Sep 2008
    Location
    Netherlands
    Posts
    106

    Default Highcharts v2 Adapter

    Hello all,

    I've updated the Highcharts adapter

    Please tell me if you see any errors =)

    Regards, Danil

  6. #196
    Ext User
    Join Date
    May 2008
    Posts
    59

    Default

    Thank you for your work.
    Could you convert the example of time.html to the new version?
    I tried to do it, but received an error in 75 line adapter-extjs.js [", copy);"] - "too much recursion".
    The error occurs as soon as I add the line:
    Code:
    store: store,
    thanks.

  7. #197
    Sencha Premium User
    Join Date
    Mar 2009
    Posts
    254

    Default

    Quote Originally Posted by buz View Post
    I've updated the Highcharts adapter

    Please tell me if you see any errors =)
    Hi Daniell, thanks for the superb work. I tried to use your extension and adapter (from the first post), but got a javascript error.

    Then, I updated the adapter from your second-last post above, and now I get a js error in the following lines:

    Code:
            Ext.applyIf(this.chartConfig.chart, {
                renderTo: this.el.dom,
                events: {
                    load: function(){
                        this.updatePosition();
                    }
                }
            });
    The error occurs at updatePosition() saying the object does not support this method.

  8. #198
    Sencha Premium User
    Join Date
    Mar 2009
    Posts
    254

    Default

    Hi buz, thanks for the great work. I did not realize that your Extension is not yet compatible with HighCharts 2.x., Just a suggestion, but probably you should mention this more clearly on on the first page, and in Ext.ux.HighCharts.js (instead of just 1.2.5+). This might save many a users tremendous heart-burns.

    Also, I am able to get your extension working against the latest official HighCharts release (2.0.3). Just needed to comment calls to chart.updatePosition() at 3 places. Those interested can find the update extension that works against 2.0.3 attached.
    Attached Files Attached Files

  9. #199
    Ext JS Premium Member mm_202's Avatar
    Join Date
    Dec 2007
    Location
    USA
    Posts
    59

    Thumbs up Success with Highcharts 2.0.3!

    Using r_honey's previous post and the adapter-extjs.js code that buz posted in post #195, Extjs 3.2.1 and Highcharts 2.0.3 are working perfectly!

    Thank you guys for all of your hard work and effort!

  10. #200

    Default

    Hi,
    how can i populate a column chart with an ajax data.store?
    All examples i found use predefined categories for at least one axis, but i just want to map both axis to values in my data.store
    There is a pie chart example where i can use 2 config variables
    Code:
    categorieField: 'season',
    dataField: 'total'
    but these 2 dont work with a column chart.
    All i've got so far is:
    Code:
    new Ext.ux.HighChart({
                            title:'HighChart',
                            height: 500,
                        store: store,
                        series: [
                            {
                                type: 'column',
                                name: 'Views',
                                categorieField: 'var1',
                                dataField: 'var2'
                            }
                        ],
                        chartConfig: {
                            chart: {
                                margin: [50, 150, 60, 80]
                            },
                            title: {
                                text: 'ExtJS PIE',
                                style: {
                                    margin: '10px 100px 0 0' // center it
                                }
                            },
                            subtitle: {
                                text: 'Source: extjs.com',
                                style: {
                                    margin: '0 100px 0 0' // center it
                                }
                            },
                            legend: {
                                layout: 'vertical',
                                style: {
                                    left: 'auto',
                                    bottom: 'auto',
                                    right: '10px',
                                    top: '100px'
                                }
                            }
                        }
                    })
    my store looks like this:
    Code:
    var store2 = new Ext.data.Store
                ({
                    proxy: new Ext.data.HttpProxy({
                        url: 'test.php',
                        method: 'POST'
                    }),   
                    baseParams:{task: "test"},
                    reader:  new Ext.data.JsonReader(
                        {
                            root: 'results'
                        },
                        [
                            {name: 'var1'},
                            {name: 'var2', type: 'int'}
                        ]
                    ),
                }
              );

Page 20 of 43 FirstFirst ... 10181920212230 ... LastLast

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •