Skip to main content

Multi chart with Google Chart API Method 2

This method is very simple as compared to previous one

<!-- Graph Script Strat-->

<!-- Call Google API -->
 <script type="text/javascript" src=""></script>
// Create graph package
    <script type="text/javascript">
        google.load('visualization', '1', { packages: ['corechart'] });

    <script type="text/javascript">
//  Write my own function

        function drawVisualization() {
            // Create and populate the data table.
          var data = google.visualization.arrayToDataTable([
          ['Required Money', 'Number Of People'],

//  assigning the value from the code behind
          ['Up to 500 SAR', <asp:Literal ID="v1" runat="server"></asp:Literal>],
          ['Up to 500 to 1,000 SAR', <asp:Literal ID="v2" runat="server"></asp:Literal>],
          ['Up to 1,000 SAR to 1,500 SAR', <asp:Literal ID="v3" runat="server"></asp:Literal>],
          ['Up to 1,500 SAR to  3,000', <asp:Literal ID="v4" runat="server"></asp:Literal>],
          ['Up to 3,000 SAR to  10,000 SAR', <asp:Literal ID="v5" runat="server"></asp:Literal>],
          ['Up to 10,000 SAR to 50,000 SAR', <asp:Literal ID="v6" runat="server"></asp:Literal>],
          ['Up to 50,000 SAR to 100,000 SAR', <asp:Literal ID="v7" runat="server"></asp:Literal>],
          ['More then 50,000 SAR', <asp:Literal ID="v8" runat="server"></asp:Literal>]


// Second object for another graph
           var data1 = google.visualization.arrayToDataTable([
          ['Year', 'Number of Cases'],

// Assigning the value directly  in to second graph
          ['1960', '40'],
          ['1961', '30'],
          ['1962', '20'],
          ['1963', '10']

            // Create and draw the First graph
            new google.visualization.PieChart(document.getElementById('visualization')).
            draw(data, { width: 500,
            backgroundColor: 'transparent',
            textStyle: { color: 'BLACK', fontSize: 18},
            legend: {position: 'top', textStyle: {color: 'blue', fontSize: 12}},

            // Create and draw second graph
            new google.visualization.ColumnChart(document.getElementById('visualizationColumn')).
            draw(data, { width: 500,
            backgroundColor: 'transparent',
            textStyle: { color: 'BLACK', fontSize: 18},
            legend: {position: 'top', textStyle: {color: 'blue', fontSize: 12}},



//  Load function

    <!-- Graph Script End-->

Rashid Imran Bilgrami
Best visualization


Popular posts from this blog

How to convert and crack windows server 2012 from Evaluation to Full

Dear All

This is a way how you Convert Evalution to Full


Open CMD and run following command
DISM /online /Get-CurrentEdition

<edition ID> is like ServerStandard with out Eval

Step 2:
DISM /online /Set-Edition:<edition ID> /ProductKey:XXXXX-XXXXX-XXXXX-XXXXX-XXXXX /AcceptEula

Serial Key

Windows Server 2012
DataCenter: 48HP8-DN98B-MYWDG-T2DCC-8W83P
Datacenter: Y4TGP-NPTV9-HTC2H-7MGQ3-DV4TW

Standard: XC9B7-NBPP2-83J2H-RHMBY-92BT4

Server Essentials:K2XGM-NMBT3-2R6Q8-WF2FK-P36R2

For Standard R2 here is a command
For R2 its like that
DISM /online /Set-Edition:ServerStandard /ProductKey:DBGBW-NPF86-BJVTX-K3WKJ-MTB6V /AcceptEula


Calling LoadLibraryEx on ISAPI filter “C:\Windows\Microsoft.NET\Framework\v4.0.30319\aspnet_filter.dll” failed

Dear Readers
if you get the error

Calling LoadLibraryEx on ISAPI filter “C:\Windows\Microsoft.NET\Framework\v4.0.30319\aspnet_filter.dll” failed

Here is the solution 
Get a command prompt in administrator mode and go to C:\Windows\Microsoft .NET\FrameWork64\
and run aspnet_regiis -r. This will re-register the right libraries. It has happened twice already to me.
For other frameworks (32 bit or other versions of .net make sure you go to the correct folder (i.e. Framework/, etc.)

xxxx is the the number which is present with the folder name so i suggest you guys to check the folder name in your directory

If "run aspnet_regiis -r" is not working and if you get the error run is not recognized command then just type " aspnet_regiis -r" it will run fine

Reason of problem
Your frame work has been change may be you have install the lower version on the higher version or may be because of any reason you have register another version in your IIS, in my cas…

RegisterStartupScript updated way to right Java script JS (Javascript) in code behind also work with update panel

Dear All
RegisterStartupScript is obsolete now the new way that works with update panel  is given below its is code behind file code also

VB Code Dim csname1 As String = "PopupScript"
Dim cstype As Type = Me.GetType()
Dim cs As ClientScriptManager = Page.ClientScript
Dim cstext1 As String = "alert('Your message');"
cs.RegisterStartupScript(cstype, csname1, cstext1, True)

C# Code
String csname1 = "PopupScript";
Type cstype = this.GetType();
ClientScriptManager cs = Page.ClientScript;
String cstext1 = "alert('Hello World');"; cs.RegisterStartupScript(cstype, csname1, cstext1, true);
I hope it will help you also 
Regards  Rashid Imran Bilgrami