Google Charts in ASP.NET Web application

Here Goes an Open source code that demonstrates how to integrate Google charts in asp.net web application using Jquery.Following are the screen shots of the sample project.You can change the Drop down list to change chart type.

11

41

31

21

The project also gives an example of converting Datatable records in to Json string. Following is the flow of the application.

i) Records are populated in to Datatable.

ii) Datatable is converted to JSON string and assigned to a Hidden field.

iii) Javascript draw chart is responsible for binding Google chart. It gets the hidden field value and converts it into response object using $.Parse() method.

iv) DrawChart function is called in $.Ready() function for initial loading

v)DrawChart function is called on postbacks in the Begin_Request() method.

<%@ Page Language=”C#” AutoEventWireup=”true” CodeBehind=”Default.aspx.cs” Inherits=”GoogleChartASPDEMO._Default” %>

Sample Google Chart ASP.NET By Umair Ashraf (www.techipost.com)

antivirus-comparison-2015-protection-average-chart-568x334

This script also can build Antivirus Comparison Chart.

Top 10 Antivirus are Norton, Panda, Trend Micro, F-Secure, Avira, BullGuard, Wihoo 360, McAfee, Bitdefender, eScan.

Google Chart Type
Column Chart
Pie Chart
Bar Chart
Line Chart