Graphs, charts using Google API with example - U1

Google Charts

In last post we have seen how to create the Pie-Chart using the Google Charts API.

Today we'll see how to deal with Horizontal chart using the Google Charts API...

It is fairly flexible, with many things you can change and customise same as Pie-chart. 

Horizontal Bar Chart

Programming Lang..

http://chart.apis.google.com/chart? cht=bhg&chs=550x230&chd=t:90,55,110,90& chxt=x,y&chxl=1:|Javascript|PHP|CSS|JQuery& chxr=0,0,120&chds=0,120&chg=8.33,0,5,5&chbh=35,0,15&chco=F640DB

Explanation...

Graphs, charts using Google API with example

Google Charts

Google Charts API basically allows you to create pretty graphs simply by using an URL with correct parameters specified. It is fairly flexible, with many things you can change and customise - which is where it becomes bit complicated. It is quite easy to generate a chart, but it wasn't as easy to generate the exact chart we needed...

So, here below is example

Padding Issue in IE7

Y'day I faced one issue in IE7 browser while working on our one of the latest and big sites navigation menu.
IE7 doubles the top padding on my navigation menu.

CSS Hacks for IE6, IE7, IE8, IE9

Browser specific CSS Hacks

Did you know that there are specific CSS hacks for IE that allow you to target IE8, IE7 and IE6?

We, web developers, are constantly faced with deficiencies of Internet Explorer, and CSS hacks allow to overcome them in most cases.

In this post I would like to group the CSS hacks for each of the popular versions of IE. Most likely you already know the CSS hacks for IE6 and IE7, but for IE8 and IE9 probably not. You would really love

How To Create CSS for IE Browser only

 

Following are some way to create the style sheet for Internet Explorer versions.

While working on web development (specifically in IE) we've had a hair-pulling experience with IE.

But if you are worth your salt as a CSS coder, you should be able to deal with it. IE provides comment tags, supported all the way up to the current IE 9 to target specific versions, as well