Posts

Line or Graph chart for data in array.

I have research for the line graph or chart by many ways. But the easiest and fast processing tutorial is highchart graph. We can make any type of the chart using highchart. For more information on Highchart go to the highchart site . One of the example on the graph is as follow. <!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>Highcharts Example</title> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script> <script type="text/javascript"> $(function () { $('#container').highcharts({ chart: { zoomType: 'x', spacingRight: 20 }, title: { text: 'USD to EUR exchange rate from 2006 through 2008' }, subtitle: { text: document.ontouchstart === undefined ? 'Click and drag in the plot area to zoom in' : 'Pinch the chart
Post a Comment
Read more...

Google map API with Infobox using associative array

As I said in previous article. This is the code for Google map API with Infobox style using associative array. <script type="text/javascript"> var map; var markers = []; var data = [ {id:"1",name:"Sujan Bhochhibhoya",address:"KATHMANDU, NEPAL"}, {id:"3",name:"David Beckham",address:"LONDON, UNITED KINGDOM"}, {id:"4",name:"KOBE BRYANT",address:"Los Angeles, California, United States"}]; function initialize() { var latlng = new google.maps.LatLng(0, 0); var myOptions = { zoom: 2, minZoom:2, zoomControl: true, zoomControlOptions: { style: google.maps.ZoomControlStyle.LARGE, }, center: latlng, }; map = new google.maps.Map(document.getElementById("map_canvas"),myOptions); geocoder = new google.maps.Geocoder(); data.forEach(function(mapData,idx
Post a Comment
Read more...

Google map API

I have seen many queries about the google map problems like, -Display Multiple Markers in Array - Google Maps API -Multiple markers not showing in Google Maps with Javascript API v3? - etc... I have completed the google api with array of the location. I have tried this and is good. here is the code: <script type="text/javascript"> var map; var markers = []; var data = [ {id:"1",name:"Sujan Bhochhibhoya",address:"KATHMANDU, NEPAL"}, {id:"3",name:"David Beckham",address:"LONDON, UNITED KINGDOM"}, {id:"4",name:"KOBE BRYAN",address:"Los Angeles, California, United States"}]; function initialize(){ var latlng = new google.maps.LatLng(0, 0); var myOptions = { zoom: 2, minZoom:2, zoomControl: true, zoomControlOptions: { style: google.maps.ZoomControlStyle.LARGE, }, center: latlng }; map = new google.maps.Map(document.getElementById("map_canv
Post a Comment
Read more...