seang - Infragistics Forum

0

seang answered on Aug 15, 2013 3:23 PM

We decided after using the charts to try out other software for our charting needs. We require much more then Infragistics has to offer. As a result this issue is no long a concern for us.

0

seang answered on Jul 29, 2013 3:42 PM

wow nice guess? Yes removing the mobile stops the error, why?

0

seang answered on Jul 22, 2013 1:02 PM

Any other thoughts I just tried the latest release with still no success.

0

seang answered on Jun 11, 2013 3:04 PM

I dont see how to turn off tool tips, unless you mean showTooltip: false, then yes I tried that.

0

seang answered on Jun 6, 2013 7:46 PM

yes in the html I do.

0

seang answered on Jun 4, 2013 12:38 PM

this is a web api page so here are the bundles.

min files are renamed to m1n

                        "~/Scripts/jquery-1.8.2.m1n.js",
                        "~/Scripts/jquery-ui-1.8.20.m1n.js",
                        "~/Scripts/modernizr-*",
                        "~/SCT/plug-ins/jquery.event.drag-1.5.js",
                        "~/SCT/igniteui/Demos/scripts/jquery.mobile.custom.js",
                        "~/SCT/igniteui/Demos/scripts/demos.js",
                        "~/SCT/igniteui/js/infragistics.loader.js" ,

an I have this also

        $.ig.loader( { // igniteui init
            scriptPath: "../../SCT/igniteui/js/",
            cssPath: "../../SCT/igniteui/css",
            resources: "igGrid.Selection,igGrid.Updating,igGrid.Sorting,igGrid.Resizing,igTree,igDataChart.Category,igCombo"
        } );

this is how the page sees them as they are loaded.

0

seang answered on Jun 3, 2013 12:49 PM

The project is rather large. But here is the class that tries to make the class.

first I call this

_iUI.createChart( document.body, inWidth, inHeight, 500, 500, newData, header, rowHeader )

then

createChart = function ( content, inX, inY, inWidth, inHeight, r, c, data )
{

        var id = this.windows.length;
        var newDiv = document.createElement( 'div' );
        newDiv.setAttribute( 'id', 'chartDisplay' );
        content.appendChild( newDiv );

return new chart( $( newDiv ), inX, inY, inWidth, inHeight,r,c, data );

};

and here is the class

var chart = ( function() {

    // A constructor.
   /*
   \param IUDiv: referace to the UI div for igniteui engine
     \param inX: window position and size.
     \param inY: ""
     \param inWidth: ""
     \param inHeight: ""
     \param col: lable for column
     \param row: lable for row
     \param inData: Data to be displayed

      creates a tree view
   */
     function chart( inIUDiv, inX, inY, inWidth, inHeight, row, col, inData )
     {
         this.UIDiv = inIUDiv.find( 'chartDummy' );

$( "#chartDisplay" ).hide( true );

         //set up
         var inData = [
                { "Year": "2000", "Coal": 450, "Oil": 100, "Nuclear": 175 },
                { "Year": "2010", "Coal": 480, "Oil": 120, "Nuclear": 225 },
                { "Year": "2020", "Coal": 550, "Oil": 180, "Nuclear": 275 }
         ];

         //for ( var i = 0; i < inData.length; i++ ) { inData[i][row] = Number(inData[i][row]) }//fix text numbers to numbers

         //init code.
         $.ig.loader( function ()
         {
             var currData, currDataSource, doGeneration;

             doGeneration = function ()
             {
                 var num = 10, data = [], curr = 10;
                 for ( var i = 0; i < num; i++ )
                 {
                     if ( Math.random() > .5 )
                     {
                         curr += Math.random() * 2.0;
                     } else
                     {
                         curr -= Math.random() * 2.0;
                     }
                     var val1 = Math.round( curr * 1000.0 ) / 1000.0;
                     data[i] = { Label: i.toString(), Value1: val1 };
                 }
                 currData = data;
                 currDataSource = new $.ig.DataSource( { dataSource: currData } );
             }

doGeneration();

             $( "#chartDisplay" ).igDataChart( {
                 width: "700px",
                 height: "400px",
                 dataSource: currDataSource,
                 axes: [{
                     name: "xAxis",
                     type: "categoryX",
                     label: "Label"
                 }, {
                     name: "yAxis",
                     type: "numericY"
                 }],
                 series: [{
                     name: "series1",
                     title: "Test Series",
                     type: "line",
                     xAxis: "xAxis",
                     yAxis: "yAxis",
                     valueMemberPath: "Value1",
                     showTooltip: true,
                     tooltipTemplate: "tooltipTemplate"
                 }],
                 horizontalZoomable: true,
                 verticalZoomable: true,
                 windowResponse: "immediate"
             } );
         } );
     }

   /*
   * getter for UI div
   \return instance to UI div
   */
     chart.prototype.getUIDiv = function () { return this.UIDiv; };

return chart;
})();

Replies