Skip to main content

Posts

Showing posts from July, 2015

GoogleMap V2 on Fragment Class

Google Map V2 on Fragment Class The first thing that we will handle is the import of Google Map classes. To get the Google Maps files we need to download the last version of Google Play Services via the Android SDK Manager. After you downloaded the Google Play Services Import google play service library and also copy the lib to your   workspace  you can found play service library here "  \extras\google\google_play_services\libproject\google-play-services_lib " Add the library to your project import the support library this can be done very easily using Eclipse: Right-Click you project and choose  “Android Tools”  and then choose “Add Support Library…” :  import android.os.Bundle;   import android.support.v4.app.Fragment;   import android.view.LayoutInflater;   import android.view.View;   import android.view.ViewGroup;      impor...
Post a Comment
Read more

Bar Chart in MVC Architecture Using phonegap Android

Step 1 . Create Sencha Touch Application                        Sencha app generate Step 2 . Adding phonegap plugins Step 3. View Page  BarChart.js Ext.define('myios.view.BarChart', {     extend: 'Ext.chart.CartesianChart',     alias: 'widget.categorybarchart',     xtype: 'categorybarchart',     requires: [         'Ext.chart.series.Bar',         'Ext.chart.axis.Numeric',         'Ext.chart.axis.Category',         'Ext.chart.CartesianChart'     ],     config: {         layout: {             type: "fit"         },         xtype: "chart",         width: '100%',         height: '100%',         store: 'Cat...
Post a Comment
Read more

Pie Chart in Sencha Touch MVC Architecture with phonegap Plugin

Step 1  Create Sencha application Step 2 Add phonegap plugin Step 3 VIEW PAGE Dashboard.js Ext.define('myios.view.Dashboard', { extend: 'Ext.Panel',  xtype: 'dashboard',  requires: [  'Ext.chart.PolarChart', 'Ext.chart.series.Pie'],  initConfig:function(){ var me = this;  Ext.apply(me.initialConfig,{ layout: 'fit', style: 'background: #EEEEEE', items: [{  xtype: 'polar',  store: 'Pie', /* animate: { duration: 1500, easing: 'easeIn' }, */  animate:true,  colors: ["#115fa6", "#94ae0a", "#a61120", "#ff8809", "#ffd13e",'#800000','#F25454','#81BEF7'],  theme: 'Base:gradients',  innerPadding: 45,  insetPadding: 60,  shadow: true,            /*      legend: { // For Side Box With data                 position: 'right'         ...
Post a Comment
Read more

Pie Chart in Sencha Touch MVC using GoogleChart Api

View Page Ext.define('app.view.PieChart', {     extend: 'Ext.Container',//extend: 'Ext.Panel',     alias: 'widget.googlepiechart',     config: {   html: ' <div id="piechart" >Loading Chart</div>', layout: 'fit'  }, constructor: function () {           this.drawInnerChart(); }, drawInnerChart:function(){   try{ console.log('drawChart  fn'); google.load('visualization', '1', {packages: ['corechart']}); var data = google.visualization.arrayToDataTable([   ['Task', 'Hours per Day'],   ['Work',     11],   ['Eat',      2],   ['Commute',  2],   ['Watch TV', 2],   ['Sleep',    7] ]); var he = Ext.Viewport.getWindowHeight(); var wi = Ext.Viewport.getWindowWidth(); //console.log(he+' _ '+wi); ...
Post a Comment
Read more

Line Chart in Sencha Touch with Google Chart Api

View Page Ext.define('App.view.linechart', {     extend: 'Ext.Panel',     alias : 'widget.googlechartw2',    // xtype: 'googlechartw1', hei:'', wid:'', config: { html: ' <div id="chartdiv" >Chart Loading....</div>', layout: 'fit'     }, constructor: function () {         this.drawChart(); }, drawChart:function(){ try{ console.log('drawChart  fn'); google.load('visualization', '1', {packages: ['corechart']});   //google.load("visualization", "1", {packages: ["line"]}); //console.log('1  fn'); //google.setOnLoadCallback(drawChart);      var data = google.visualization.arrayToDataTable([           ['Year', 'Sales', 'Expenses'],           ['2004',  1000,      400],           ['2005',  1170,      460],   ...
Post a Comment
Read more

Sample Android Application using Cordova

 Creating Sample Android Program using Corodova Step 1:  Download Android SDK http://developer.android.com/sdk/index.html http://developer.android.com/sdk/index.html#download Add platform-tools and tools to system path adt\sdk\tools adt\sdk\platform-tools Open Eclipse and Configure android sdk Add jre & Jdk Path to system path Step 2:  Download Apache ANT http://ant.apache.org/bindownload.cgi Extract and copy ant files to C: drive Add ant path to system Properties Add JAVA_HOME path to system Properties Step 3 Create Android Application Install Cordova Paste this code in command prompt                 " npm install -g cordova " Before that install noje js for npm access Map to A folder where android project to be created Type cmd command " cordova create <PROJECT NAME> <PACKAGE NAME> <PROJECT NAME> " eg: D:\Androi>cordova create Audio com.myaudio.app Audio Map...
Post a Comment
Read more