Quantcast
Channel: SmartClient Forums
Viewing all articles
Browse latest Browse all 4756

Regression 9.1p - IE8 only for Pie chart: Only tooltip displays without actual chart

$
0
0
SmartClient Version v9.1p_2014-04-10/PowerEdition Development Only (2014-04-10)

Issue occurs with only IE 8 and Only when there is single non-zero value for series. In this particular test case there is only one data point with non-zero value of 7 for inspections.

Please refer to following test case for details:
Code:

<!DOCTYPE html>

<html>
        <head>

                <title></title>
               
                <style>
                        .diagInfo {
                                font-size: 14px;
                                font-weight: bold;
                                padding: 5px;
                        }
                </style>
               
                <script type="text/javascript" SRC="http://localhost:8080/isomorphic/system/development/ISC_Core.js"></script>
                <script type="text/javascript" SRC="http://localhost:8080/isomorphic/system/development/ISC_Foundation.js"></script>
                <script type="text/javascript" SRC="http://localhost:8080/isomorphic/system/development/ISC_Containers.js"></script>
                <script type="text/javascript" SRC="http://localhost:8080/isomorphic/system/development/ISC_Grids.js"></script>
                <script type="text/javascript" SRC="http://localhost:8080/isomorphic/system/development/ISC_Forms.js"></script>
                <script type="text/javascript" SRC="http://localhost:8080/isomorphic/system/development/ISC_DataBinding.js"></script>
                <script type="text/javascript" SRC="http://localhost:8080/isomorphic/system/development/ISC_Drawing.js"></script>
                <script type="text/javascript" SRC="http://localhost:8080/isomorphic/system/development/ISC_PluginBridges.js"></script>
                <script type="text/javascript" SRC="http://localhost:8080/isomorphic/system/development/ISC_Charts.js"></script>       
                <script type="text/javascript" SRC="http://localhost:8080/isomorphic/system/development/ISC_Tools.js"></script>
                <script type="text/javascript" SRC="http://localhost:8080/isomorphic/skins/EnterpriseBlue/load_skin.js"></script>
       
                <script type="text/javascript" >
                        var isomorphicDir="http://localhost:8080/isomorphic/";
                       
                        // set this to the correct JIRA ticket
                        var jiraTicket = "SNQA-448";
                       
                        // test data
                        var data = [
                                {inspectorID:12345, region:"Northeast", inspections:0, observations:913,lastInspectionDate:new Date(2012, 8, 13), index:52.6 },
                                {inspectorID:67890, region:"West", inspections:0, observations:2,lastInspectionDate:new Date(2013, 2,2), index:75.3 },
                                {inspectorID:54321, region:"Northeast", inspections:0, observations:67,lastInspectionDate:new Date(2013,2,3), index:75.3 },
                                {inspectorID:09876, region:"South", inspections:7, observations:0,lastInspectionDate:new Date(2012,8,31), index:52.6 }
                        ];
                        // datasource for the grid               
                        isc.DataSource.create({
                                ID: "ds",
                                fields: [
                                        {name:"inspectorID", title:"Inspector ID", type:"integer", showIf:"false" }, // hidden
                                        {name:"inspections", type:"integer", title:"Number of Inspections Total"},
                                        {name:"observations", title:"# Observations"},
                                        {name:"region", type:"text", title:"Region/Country"},
                                        {name:"lastInspectionDate", type:"date", title:"Last Inspection"}
                                ],
                                cacheData:data,
                                clientOnly: true
                        });
                       
                        // once page loads set some diagnostic information
                        isc.Page.setEvent("load", function() {
                                document.title = jiraTicket + "  (SmartClient version " + isc.versionNumber + ")";
                                var html = [];
                                html.push("Jira: " + jiraTicket);
                                html.push("SmartClient: " + isc.versionNumber);
                                html.push("Browser: " + navigator.appCodeName + " " + navigator.appName + " " + navigator.appVersion);
                                diagLabel.setContents( html.join("<br>"));
                        });
                </script>

        </head>
       
        <body>
                <script>
               
                        // this laebl should not be removed, all test cases should have this
                        var diagLabel = isc.Label.create({
                                                ID: "diagInfo",
                                                width: "100%",
                                                styleName: "diagInfo",
                                                autoFit: true
                                        });
                       
                       
                       
                        // basic grid               
                        var grid = isc.ListGrid.create({
                                dataSource: ds,
                                dataFetchMode : "local",
                                autoFetchData: true,
                                clientOnly: true,
                                position: "relative",
                                width : "100%",
                                align : "center",
                                autoFitData : "vertical",
                                autoFitMaxHeight : 400,
                                alternateRecordStyles : true,
                                canAddFormulaFields : true,
                                canAddSummaryFields : true,
                                canGroupBy : true,
                                canReorderFields : true,
                                showGroupSummary : true,
                                groupByMaxRecords : 5,
                                useAdvancedFieldPicker: true,
                                advancedFieldPickerThreshold: 5,
                                autoDraw: false
                        });       
                       
                        var chart = isc.FacetChart.create({
                                align:"center",
                                autoDraw: false,
                                dataMargin: 25,
                                facets: [{
                                        id: "inspectorID", 
                                        title: "Inspector ID" 
                                }],
                                height: 300,
                                valueProperty: "inspections",
                                valueTitle: "Number of Inspections",
                                chartType: "Column",
                                title: "Number of Inspections by Inspector",
                                showDataPoints: true,
                                showDataValues: true,
                                showValueAxisLabel: true,
                                data: data
                        });
                               
                        // the main page layout - place all other components afetr diagLabel
                        isc.VLayout.create({
                                width:"100%",
                                membersMargin: 20,
                                members: [
                                        // this must remain here to output diagnostic information
                                        diagLabel,
                                        // add any other components here
                                        grid,
                                        chart
                                ]
                        });
                               
                </script>

        </body>

</html>


Viewing all articles
Browse latest Browse all 4756

Trending Articles