Results 1 to 6 of 6

Thread: Architect + Charts: How to get iteminfo to show information about the data points

  1. #1
    Touch Premium Member
    Join Date
    Jun 2011
    Location
    Vancouver, Canada
    Posts
    41

    Default Architect + Charts: How to get iteminfo to show information about the data points

    Just wondering how to get information about the data point to display in the pop-up panel, I have added the interaction, and the panel does pop-up and can alter basic items like title but need to display the value of the actual data point. Thanks

    Code:
            interactions: [            {
                    type: 'panzoom'
                },
                {
                    type: 'iteminfo',
                    panel: {
                        modal: true,
                        centered: true,
                        width: 250,
                        height: 300,
                        styleHtmlContent: true,
                        scrollable: 'vertical',
                        hideOnMaskTap: true,
                        fullscreen: false,
                        hidden: true,
                        zIndex: 30,
                        items: [
                            {
                                docked: 'top',
                                xtype: 'toolbar',
                                title: 'Tide Info'
                            },
                            {
                                html: 'This is an item'
                            }
                        ]
                    }
                }

  2. #2
    Touch Premium Member
    Join Date
    Jun 2011
    Location
    Vancouver, Canada
    Posts
    41

    Default Anyone?

    I thought I had a workaround for this but did not pan out.

    I would like to use the feature in Architect "Item Info Interaction" and display information about the point the use touches but I don't see how, reading the API doc's did not point me in the right direction, things seem to be setup a little different in SA.

    Please help! thanks

    Capturearc.JPG

  3. #3
    Touch Premium Member
    Join Date
    Jun 2011
    Location
    Vancouver, Canada
    Posts
    41

    Default Item Interaction "Show" binding

    I am assuming the correct way to do this would be to use the "show" event binding under the Item Interaction but it does not fire. I also added a regular itemTap event to debug.

    This is what it looks like in SA
    CaptureSA2.JPG

    Code:
            interactions: [            {
                    type: 'iteminfo',
                    panel: {
                        modal: true,
                        centered: true,
                        width: 250,
                        height: 300,
                        styleHtmlContent: true,
                        scrollable: 'vertical',
                        hideOnMaskTap: true,
                        fullscreen: false,
                        hidden: true,
                        zIndex: 30,
                        items: [
                            {
                                docked: 'top',
                                xtype: 'toolbar',
                                title: 'Tide Info'
                            },
                            {
                                html: 'This is an item'
                            }
                        ]
                    }
                }
            ],
            listeners: [
                {
                    fn: 'onChartItemTap',
                    event: 'itemtap'
                }
            ]
        },
    
    
        onItemInfoShow: function(iteminfo, item, panel, eOpts) {
            console.log('ItemInfo');
            console.log(item);
            console.log('ItemInfo');
        },
    
    
        onChartItemTap: function(series, item, event, eOpts) {
            console.log('ItemTap');
            console.log(item);
            console.log('ItemTap');
        }
    The itemTap event fires but not the show.. any ideas?

    ItemTap MyCartesianChart2.js:127

    Object {series: f, category: "markers", index: 1, record: f, field: "TTHeight"}


    MyCartesianChart2.js:128

    ItemTap MyCartesianChart2.js:129

  4. #4
    Sencha Premium Member
    Join Date
    May 2013
    Location
    Rome Italy
    Posts
    17

    Default

    how could I add the listeners by SA?

  5. #5
    Touch Premium Member
    Join Date
    Jun 2011
    Location
    Vancouver, Canada
    Posts
    41

    Default

    In the sample above you can see the "Basic Event Binding" itemtap onChartItemTap that was added to the Chart, this has an Event Binding component.

    I never found a resolution to this problem, so let me know if you get anywhere.

  6. #6

    Default Had this problem too

    I think there is problem with Architect.
    Get Sencha Touch 2.
    A lot of other bugs in Architect

Posting Permissions

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