charts display blank webpage.asp.net

226 views
Skip to first unread message

Missy

unread,
Jul 4, 2013, 10:02:02 AM7/4/13
to google-visua...@googlegroups.com
Hello.
I am trying to bind google charts with my database sql server using asp.net c# but currently I am experiencing blank webpage, and I can not figure out why?

I am new into using google API, so please forgive and excuse my knowledge and illiterate questions.  

Asp.net:
<%@ Page Title="Home Page" Language="C#" MasterPageFile="~/Site.master" AutoEventWireup="true"
    CodeFile="Default.aspx.cs" Inherits="_Default" %>

<asp:Content ID="HeaderContent" runat="server" ContentPlaceHolderID="HeadContent">

</asp:Content>
<asp:Content ID="BodyContent" runat="server" ContentPlaceHolderID="MainContent">
 <script type="text/javascript" src="https://www.google.com/jsapi"></script>
     <script type="text/javascript">
         google.load('visualization', '1', { packages: ['corechart'] });
     </script>
    <h2>
        Testing G.Charts
    </h2>
    
    <div id="chart_div" style="width: 900px; height: 500px;"></div>
    <div runat="server" id="chart"/>
    <div><asp:Label ID="msgLabel" runat="server"></asp:Label></div>
</asp:Content>

CS.code:
using System;
using System.Collections.Generic;
using System.Linq;
using System.Collections;
using System.Configuration;
using System.Data;
using System.Web;
using System.Web.Security;
using System.Web.UI;
using System.Web.UI.HtmlControls;
using System.Web.UI.WebControls;
using System.Web.UI.WebControls.WebParts;
using System.Xml.Linq;
using System.Text;
using System.Data.SqlClient;


public partial class _Default : System.Web.UI.Page
{

    SqlConnection conn = new SqlConnection();
    StringBuilder str = new StringBuilder();

    protected void Page_Load(object sender, EventArgs e)
    {
        
        conn.ConnectionString = ConfigurationManager.ConnectionStrings["ConnectionString"].ConnectionString;
        conn.Open();
       
        Load_Chart();
    }

    private void Load_Chart()
    {
        //select all from your table
        SqlDataAdapter adp = new SqlDataAdapter("select top 100 [ID],[Decimal price] from [dbo].[database_BWICs]", conn);

        DataTable dt = new DataTable();
        try
        {
            adp.Fill(dt);
            str.Append(@"<script type=text/javascript> google.load( *visualization*, *1*, {packages:[*corechart*]});
            google.setOnLoadCallback(drawChart);
            function drawChart() {
            var data = new google.visualization.DataTable();
            
            data.addColumn('number', 'ID');
            data.addColumn('number', 'Decimal price');

            data.addRows(" + dt.Rows.Count + ");");

            Int32 i;
            //looping through all the rows in the table
            for (i = 0; i <= dt.Rows.Count - 1; i++)
            {
          
                //str.Append("data.setValue( " + i + "," + 0 + "," + "'" + dt.Rows[i]["Name"].ToString() + "');");
                
                str.Append("data.setValue(" + i + "," + 0 + "," + dt.Rows[i]["ID"].ToString() + ") ;");
          
                str.Append(" data.setValue(" + i + "," + 1 + "," + dt.Rows[i]["Decimal price"].ToString() + ");");
            }
            //selected drop down list value to display specific chart


            str.Append("var options = backgroundColor:'red'"); str.Append(" chart.draw(data, options,{title: 'Company Performance',");
            str.Append(" var chart = new google.visualization.BarChart(document.getElementById('chart_div'));"); 
            str.Append("vAxis: {title: 'Year', titleTextStyle: {color: 'green'}}");
            str.Append("}); }");
            str.Append("</script>");

            //lt.Text = str.ToString().TrimEnd(',').Replace('*', '"');
            chart.InnerHtml = str.ToString();

            conn.Close();

        }
        catch (Exception ex)
        {
            msgLabel.Text = ex.Message;
        }
        finally
        {
            conn.Close();
        }
    } 
}

Any help would be very much appreciated. Thank you for your time and solution. 

asgallant

unread,
Jul 4, 2013, 1:23:53 PM7/4/13
to google-visua...@googlegroups.com
I can't help you with the server-side code, but if you open the page in a browser, view the source, and paste it here, I can help you debug the javascript that your server-side code renders.

Missy

unread,
Jul 5, 2013, 10:40:56 AM7/5/13
to google-visua...@googlegroups.com

Dear asgallant,

Thank you so much for your response and help.
Here is the view source code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head><title>
Home Page
</title><link href="Styles/Site.css" rel="stylesheet" type="text/css" />
</head>
<body>
<form method="post" action="Default.aspx" id="ctl01">
<div class="aspNetHidden">
<input type="hidden" name="__VIEWSTATE" id="__VIEWSTATE" value="/wEPDwUKLTYyODQ1NTY2MQ9kFgJmD2QWAgIDD2QWAgIFD2QWAgIBDxYCHglpbm5lcmh0bWwFqC48c2NyaXB0IHR5cGU9dGV4dC9qYXZhc2NyaXB0PiBnb29nbGUubG9hZCggKnZpc3VhbGl6YXRpb24qLCAqMSosIHtwYWNrYWdlczpbKmNvcmVjaGFydCpdfSk7DQogICAgICAgICAgICBnb29nbGUuc2V0T25Mb2FkQ2FsbGJhY2soZHJhd0NoYXJ0KTsNCiAgICAgICAgICAgIGZ1bmN0aW9uIGRyYXdDaGFydCgpIHsNCiAgICAgICAgICAgIHZhciBkYXRhID0gbmV3IGdvb2dsZS52aXN1YWxpemF0aW9uLkRhdGFUYWJsZSgpOw0KICAgICAgICAgICAgDQogICAgICAgICAgICBkYXRhLmFkZENvbHVtbignbnVtYmVyJywgJ0lEJyk7DQogICAgICAgICAgICBkYXRhLmFkZENvbHVtbignbnVtYmVyJywgJ0RlY2ltYWwgcHJpY2UnKTsNCg0KICAgICAgICAgICAgZGF0YS5hZGRSb3dzKDEwMCk7ZGF0YS5zZXRWYWx1ZSgwLDAsMjk1NjQyKSA7IGRhdGEuc2V0VmFsdWUoMCwxLDU5KTtkYXRhLnNldFZhbHVlKDEsMCwyOTU2NDMpIDsgZGF0YS5zZXRWYWx1ZSgxLDEsMzIpO2RhdGEuc2V0VmFsdWUoMiwwLDI5NTY0NCkgOyBkYXRhLnNldFZhbHVlKDIsMSw3NSk7ZGF0YS5zZXRWYWx1ZSgzLDAsMjk1NjQ1KSA7IGRhdGEuc2V0VmFsdWUoMywxLCk7ZGF0YS5zZXRWYWx1ZSg0LDAsMjk1NjQ2KSA7IGRhdGEuc2V0VmFsdWUoNCwxLCk7ZGF0YS5zZXRWYWx1ZSg1LDAsMjk1NjQ3KSA7IGRhdGEuc2V0VmFsdWUoNSwxLDk3LjIpO2RhdGEuc2V0VmFsdWUoNiwwLDI5NTY0OCkgOyBkYXRhLnNldFZhbHVlKDYsMSw5OC4xNCk7ZGF0YS5zZXRWYWx1ZSg3LDAsMjk1NjQ5KSA7IGRhdGEuc2V0VmFsdWUoNywxLDk3LjMpO2RhdGEuc2V0VmFsdWUoOCwwLDI5NTY1MCkgOyBkYXRhLnNldFZhbHVlKDgsMSw5OC4xMik7ZGF0YS5zZXRWYWx1ZSg5LDAsMjk1NjUxKSA7IGRhdGEuc2V0VmFsdWUoOSwxLDk4LjI4KTtkYXRhLnNldFZhbHVlKDEwLDAsMjk1NjUyKSA7IGRhdGEuc2V0VmFsdWUoMTAsMSw5OC4yOCk7ZGF0YS5zZXRWYWx1ZSgxMSwwLDI5NTY1MykgOyBkYXRhLnNldFZhbHVlKDExLDEsOTguMDUpO2RhdGEuc2V0VmFsdWUoMTIsMCwyOTU2NTQpIDsgZGF0YS5zZXRWYWx1ZSgxMiwxLDk3KTtkYXRhLnNldFZhbHVlKDEzLDAsMjk1NjU1KSA7IGRhdGEuc2V0VmFsdWUoMTMsMSw5OC41KTtkYXRhLnNldFZhbHVlKDE0LDAsMjk1NjU2KSA7IGRhdGEuc2V0VmFsdWUoMTQsMSw5Ny44KTtkYXRhLnNldFZhbHVlKDE1LDAsMjk1NjU3KSA7IGRhdGEuc2V0VmFsdWUoMTUsMSw5OCk7ZGF0YS5zZXRWYWx1ZSgxNiwwLDI5NTY1OCkgOyBkYXRhLnNldFZhbHVlKDE2LDEsOTguOCk7ZGF0YS5zZXRWYWx1ZSgxNywwLDI5NTY1OSkgOyBkYXRhLnNldFZhbHVlKDE3LDEsOTguOCk7ZGF0YS5zZXRWYWx1ZSgxOCwwLDI5NTY2MCkgOyBkYXRhLnNldFZhbHVlKDE4LDEsOTgpO2RhdGEuc2V0VmFsdWUoMTksMCwyOTU2NjEpIDsgZGF0YS5zZXRWYWx1ZSgxOSwxLDk3LjcpO2RhdGEuc2V0VmFsdWUoMjAsMCwyOTU2NjIpIDsgZGF0YS5zZXRWYWx1ZSgyMCwxLDk4LjIpO2RhdGEuc2V0VmFsdWUoMjEsMCwyOTU2NjMpIDsgZGF0YS5zZXRWYWx1ZSgyMSwxLDk4KTtkYXRhLnNldFZhbHVlKDIyLDAsMjk1NjY0KSA7IGRhdGEuc2V0VmFsdWUoMjIsMSw5OC41KTtkYXRhLnNldFZhbHVlKDIzLDAsMjk1NjY1KSA7IGRhdGEuc2V0VmFsdWUoMjMsMSw5OC43KTtkYXRhLnNldFZhbHVlKDI0LDAsMjk1NjY2KSA7IGRhdGEuc2V0VmFsdWUoMjQsMSw5OC4yKTtkYXRhLnNldFZhbHVlKDI1LDAsMjk1NjY3KSA7IGRhdGEuc2V0VmFsdWUoMjUsMSw5OCk7ZGF0YS5zZXRWYWx1ZSgyNiwwLDI5NTY2OCkgOyBkYXRhLnNldFZhbHVlKDI2LDEsOTgpO2RhdGEuc2V0VmFsdWUoMjcsMCwyOTU2NjkpIDsgZGF0YS5zZXRWYWx1ZSgyNywxLDk3KTtkYXRhLnNldFZhbHVlKDI4LDAsMjk1NjcwKSA7IGRhdGEuc2V0VmFsdWUoMjgsMSw5OCk7ZGF0YS5zZXRWYWx1ZSgyOSwwLDI5NTY3MSkgOyBkYXRhLnNldFZhbHVlKDI5LDEsOTgpO2RhdGEuc2V0VmFsdWUoMzAsMCwyOTU2NzIpIDsgZGF0YS5zZXRWYWx1ZSgzMCwxLDk4KTtkYXRhLnNldFZhbHVlKDMxLDAsMjk1NjczKSA7IGRhdGEuc2V0VmFsdWUoMzEsMSw5Ny41KTtkYXRhLnNldFZhbHVlKDMyLDAsMjk1Njc0KSA7IGRhdGEuc2V0VmFsdWUoMzIsMSw5OCk7ZGF0YS5zZXRWYWx1ZSgzMywwLDI5NTY3NSkgOyBkYXRhLnNldFZhbHVlKDMzLDEsOTgpO2RhdGEuc2V0VmFsdWUoMzQsMCwyOTU2NzYpIDsgZGF0YS5zZXRWYWx1ZSgzNCwxLDk3LjcpO2RhdGEuc2V0VmFsdWUoMzUsMCwyOTU2NzcpIDsgZGF0YS5zZXRWYWx1ZSgzNSwxLDk4LjM1KTtkYXRhLnNldFZhbHVlKDM2LDAsMjk1Njc4KSA7IGRhdGEuc2V0VmFsdWUoMzYsMSw5Ny41KTtkYXRhLnNldFZhbHVlKDM3LDAsMjk1Njc5KSA7IGRhdGEuc2V0VmFsdWUoMzcsMSw5Ny44KTtkYXRhLnNldFZhbHVlKDM4LDAsMjk1NjgwKSA7IGRhdGEuc2V0VmFsdWUoMzgsMSw5OC43KTtkYXRhLnNldFZhbHVlKDM5LDAsMjk1NjgxKSA7IGRhdGEuc2V0VmFsdWUoMzksMSw5OC43KTtkYXRhLnNldFZhbHVlKDQwLDAsMjk1NjgyKSA7IGRhdGEuc2V0VmFsdWUoNDAsMSw5Ny45KTtkYXRhLnNldFZhbHVlKDQxLDAsMjk1NjgzKSA7IGRhdGEuc2V0VmFsdWUoNDEsMSw5Ny44MSk7ZGF0YS5zZXRWYWx1ZSg0MiwwLDI5NTY4NCkgOyBkYXRhLnNldFZhbHVlKDQyLDEsOTguNSk7ZGF0YS5zZXRWYWx1ZSg0MywwLDI5NTY4NSkgOyBkYXRhLnNldFZhbHVlKDQzLDEsOTguMDIpO2RhdGEuc2V0VmFsdWUoNDQsMCwyOTU2ODYpIDsgZGF0YS5zZXRWYWx1ZSg0NCwxLDk4LjQpO2RhdGEuc2V0VmFsdWUoNDUsMCwyOTU2ODcpIDsgZGF0YS5zZXRWYWx1ZSg0NSwxLDk4Ljg4KTtkYXRhLnNldFZhbHVlKDQ2LDAsMjk1Njg4KSA7IGRhdGEuc2V0VmFsdWUoNDYsMSw5OC45NCk7ZGF0YS5zZXRWYWx1ZSg0NywwLDI5NTY4OSkgOyBkYXRhLnNldFZhbHVlKDQ3LDEsOTguNCk7ZGF0YS5zZXRWYWx1ZSg0OCwwLDI5NTY5MCkgOyBkYXRhLnNldFZhbHVlKDQ4LDEsOTguMjgpO2RhdGEuc2V0VmFsdWUoNDksMCwyOTU2OTEpIDsgZGF0YS5zZXRWYWx1ZSg0OSwxLDk5KTtkYXRhLnNldFZhbHVlKDUwLDAsMjk1NjkyKSA7IGRhdGEuc2V0VmFsdWUoNTAsMSw5Ny4yMyk7ZGF0YS5zZXRWYWx1ZSg1MSwwLDI5NTY5MykgOyBkYXRhLnNldFZhbHVlKDUxLDEsOTUuMjcpO2RhdGEuc2V0VmFsdWUoNTIsMCwyOTU2OTQpIDsgZGF0YS5zZXRWYWx1ZSg1MiwxLDk5KTtkYXRhLnNldFZhbHVlKDUzLDAsMjk1Njk1KSA7IGRhdGEuc2V0VmFsdWUoNTMsMSw3NSk7ZGF0YS5zZXRWYWx1ZSg1NCwwLDI5NTY5NikgOyBkYXRhLnNldFZhbHVlKDU0LDEsMTA1KTtkYXRhLnNldFZhbHVlKDU1LDAsMjk1Njk3KSA7IGRhdGEuc2V0VmFsdWUoNTUsMSw5OC43KTtkYXRhLnNldFZhbHVlKDU2LDAsMjk1Njk4KSA7IGRhdGEuc2V0VmFsdWUoNTYsMSw5OSk7ZGF0YS5zZXRWYWx1ZSg1NywwLDI5NTY5OSkgOyBkYXRhLnNldFZhbHVlKDU3LDEsOTcuNSk7ZGF0YS5zZXRWYWx1ZSg1OCwwLDI5NTcwMCkgOyBkYXRhLnNldFZhbHVlKDU4LDEsOTgpO2RhdGEuc2V0VmFsdWUoNTksMCwyOTU3MDEpIDsgZGF0YS5zZXRWYWx1ZSg1OSwxLDEwMCk7ZGF0YS5zZXRWYWx1ZSg2MCwwLDI5NTcwMikgOyBkYXRhLnNldFZhbHVlKDYwLDEsOTguOCk7ZGF0YS5zZXRWYWx1ZSg2MSwwLDI5NTcwMykgOyBkYXRhLnNldFZhbHVlKDYxLDEsOTgpO2RhdGEuc2V0VmFsdWUoNjIsMCwyOTU3MDQpIDsgZGF0YS5zZXRWYWx1ZSg2MiwxLDEwMCk7ZGF0YS5zZXRWYWx1ZSg2MywwLDI5NTcwNSkgOyBkYXRhLnNldFZhbHVlKDYzLDEsODcpO2RhdGEuc2V0VmFsdWUoNjQsMCwyOTU3MDYpIDsgZGF0YS5zZXRWYWx1ZSg2NCwxLDc4KTtkYXRhLnNldFZhbHVlKDY1LDAsMjk1NzA3KSA7IGRhdGEuc2V0VmFsdWUoNjUsMSw5OSk7ZGF0YS5zZXRWYWx1ZSg2NiwwLDI5NTcwOCkgOyBkYXRhLnNldFZhbHVlKDY2LDEsOTkpO2RhdGEuc2V0VmFsdWUoNjcsMCwyOTU3MDkpIDsgZGF0YS5zZXRWYWx1ZSg2NywxLDk3KTtkYXRhLnNldFZhbHVlKDY4LDAsMjk1NzEwKSA7IGRhdGEuc2V0VmFsdWUoNjgsMSw5NSk7ZGF0YS5zZXRWYWx1ZSg2OSwwLDI5NTcxMSkgOyBkYXRhLnNldFZhbHVlKDY5LDEsNzIpO2RhdGEuc2V0VmFsdWUoNzAsMCwyOTU3MTIpIDsgZGF0YS5zZXRWYWx1ZSg3MCwxLDg1KTtkYXRhLnNldFZhbHVlKDcxLDAsMjk1NzEzKSA7IGRhdGEuc2V0VmFsdWUoNzEsMSw5OCk7ZGF0YS5zZXRWYWx1ZSg3MiwwLDI5NTcxNCkgOyBkYXRhLnNldFZhbHVlKDcyLDEsOTkpO2RhdGEuc2V0VmFsdWUoNzMsMCwyOTU3MTUpIDsgZGF0YS5zZXRWYWx1ZSg3MywxLDk3KTtkYXRhLnNldFZhbHVlKDc0LDAsMjk1NzE2KSA7IGRhdGEuc2V0VmFsdWUoNzQsMSw5Nik7ZGF0YS5zZXRWYWx1ZSg3NSwwLDI5NTcxNykgOyBkYXRhLnNldFZhbHVlKDc1LDEsOTkpO2RhdGEuc2V0VmFsdWUoNzYsMCwyOTU3MTgpIDsgZGF0YS5zZXRWYWx1ZSg3NiwxLDc4KTtkYXRhLnNldFZhbHVlKDc3LDAsMjk1NzE5KSA7IGRhdGEuc2V0VmFsdWUoNzcsMSw5Mik7ZGF0YS5zZXRWYWx1ZSg3OCwwLDI5NTcyMCkgOyBkYXRhLnNldFZhbHVlKDc4LDEsOTUpO2RhdGEuc2V0VmFsdWUoNzksMCwyOTU3MjEpIDsgZGF0YS5zZXRWYWx1ZSg3OSwxLDk4KTtkYXRhLnNldFZhbHVlKDgwLDAsMjk1NzIyKSA7IGRhdGEuc2V0VmFsdWUoODAsMSw5NSk7ZGF0YS5zZXRWYWx1ZSg4MSwwLDI5NTcyMykgOyBkYXRhLnNldFZhbHVlKDgxLDEsOTguOSk7ZGF0YS5zZXRWYWx1ZSg4MiwwLDI5NTcyNCkgOyBkYXRhLnNldFZhbHVlKDgyLDEsOTcuNyk7ZGF0YS5zZXRWYWx1ZSg4MywwLDI5NTcyNSkgOyBkYXRhLnNldFZhbHVlKDgzLDEsOTgpO2RhdGEuc2V0VmFsdWUoODQsMCwyOTU3MjYpIDsgZGF0YS5zZXRWYWx1ZSg4NCwxLDk4LjUpO2RhdGEuc2V0VmFsdWUoODUsMCwyOTU3MjcpIDsgZGF0YS5zZXRWYWx1ZSg4NSwxLDk3KTtkYXRhLnNldFZhbHVlKDg2LDAsMjk1NzI4KSA7IGRhdGEuc2V0VmFsdWUoODYsMSw4Nyk7ZGF0YS5zZXRWYWx1ZSg4NywwLDI5NTcyOSkgOyBkYXRhLnNldFZhbHVlKDg3LDEsOTkuMDIpO2RhdGEuc2V0VmFsdWUoODgsMCwyOTU3MzApIDsgZGF0YS5zZXRWYWx1ZSg4OCwxLDk5LjMxKTtkYXRhLnNldFZhbHVlKDg5LDAsMjk1NzMxKSA7IGRhdGEuc2V0VmFsdWUoODksMSw5Ny41NSk7ZGF0YS5zZXRWYWx1ZSg5MCwwLDI5NTczMikgOyBkYXRhLnNldFZhbHVlKDkwLDEsOTguMTUpO2RhdGEuc2V0VmFsdWUoOTEsMCwyOTU3MzMpIDsgZGF0YS5zZXRWYWx1ZSg5MSwxLDk5LjA1KTtkYXRhLnNldFZhbHVlKDkyLDAsMjk1NzM0KSA7IGRhdGEuc2V0VmFsdWUoOTIsMSw3My44KTtkYXRhLnNldFZhbHVlKDkzLDAsMjk1NzM1KSA7IGRhdGEuc2V0VmFsdWUoOTMsMSw4OS42NSk7ZGF0YS5zZXRWYWx1ZSg5NCwwLDI5NTczNikgOyBkYXRhLnNldFZhbHVlKDk0LDEsNjUpO2RhdGEuc2V0VmFsdWUoOTUsMCwyOTU3MzcpIDsgZGF0YS5zZXRWYWx1ZSg5NSwxLDczLjUpO2RhdGEuc2V0VmFsdWUoOTYsMCwyOTU3MzgpIDsgZGF0YS5zZXRWYWx1ZSg5NiwxLDYwKTtkYXRhLnNldFZhbHVlKDk3LDAsMjk1NzM5KSA7IGRhdGEuc2V0VmFsdWUoOTcsMSw3Nyk7ZGF0YS5zZXRWYWx1ZSg5OCwwLDI5NTc0MCkgOyBkYXRhLnNldFZhbHVlKDk4LDEsNTgpO2RhdGEuc2V0VmFsdWUoOTksMCwyOTU3NDEpIDsgZGF0YS5zZXRWYWx1ZSg5OSwxLDc1KTt2YXIgb3B0aW9ucyA9IGJhY2tncm91bmRDb2xvcjoncmVkJyBjaGFydC5kcmF3KGRhdGEsIG9wdGlvbnMse3RpdGxlOiAnQ29tcGFueSBQZXJmb3JtYW5jZScsIHZhciBjaGFydCA9IG5ldyBnb29nbGUudmlzdWFsaXphdGlvbi5CYXJDaGFydChkb2N1bWVudC5nZXRFbGVtZW50QnlJZCgnY2hhcnRfZGl2JykpO3ZBeGlzOiB7dGl0bGU6ICdZZWFyJywgdGl0bGVUZXh0U3R5bGU6IHtjb2xvcjogJ2dyZWVuJ319fSk7IH08L3NjcmlwdD5kZKoUAxxcjP9h8mVpN0B8K8Hm8QFOCM5hK5XzLpsXktMJ" />
</div>
<script src="/GCharts/WebResource.axd?d=eBa30tOw39Ide0K5t6-BS_Neiw8X27JngsNv1c1fNBiRl5NCkD4fPvl-Ch07g1bCeEh6TEKDJrisXvKUeDVLLPL_vufqcFnPEiMYW2I1RFc1&amp;t=634971715065510185" type="text/javascript"></script>
<div class="page">
<div class="header">
<div class="title">
<h1>
My ASP.NET Application
</h1>
</div>
<div class="loginDisplay">
[ <a href="Account/Login.aspx" id="HeadLoginView_HeadLoginStatus">Log In</a> ]
</div>
<div class="clear hideSkiplink">
<a href="#NavigationMenu_SkipLink"><img alt="Skip Navigation Links" src="/GCharts/WebResource.axd?d=kC3g4OwtGoqzMjeE3NpECAfZgw0zQGOnmsMMUCtiA7P1PpfxdQ-XJu7OWB6AXT8N4dwTANDF2VkSYpnacvIQBvJRkc9OSdWQ1ZE9xCRehgQ1&amp;t=634971715065510185" width="0" height="0" style="border-width:0px;" /></a><div class="menu" id="NavigationMenu">
<ul class="level1">
<li><a class="level1" href="Default.aspx">Home</a></li><li><a class="level1" href="About.aspx">About</a></li>
</ul>
</div><a id="NavigationMenu_SkipLink"></a>
</div>
</div>
<div class="main">
<script type="text/javascript" src="https://www.google.com/jsapi"></script>
<script type="text/javascript">
google.load('visualization', '1', { packages: ['corechart'] });
</script>
<h2>
Testing G.Charts
</h2>
<div id="chart_div" style="width: 900px; height: 500px;"></div>
<div id="MainContent_chart"><script type=text/javascript> google.load( *visualization*, *1*, {packages:[*corechart*]});
google.setOnLoadCallback(drawChart);
function drawChart() {
var data = new google.visualization.DataTable();
data.addColumn('number', 'ID');
data.addColumn('number', 'Decimal price');
data.addRows(100);data.setValue(0,0,295642) ; data.setValue(0,1,59);data.setValue(1,0,295643) ; data.setValue(1,1,32);data.setValue(2,0,295644) ; data.setValue(2,1,75);data.setValue(3,0,295645) ; data.setValue(3,1,);data.setValue(4,0,295646) ; data.setValue(4,1,);data.setValue(5,0,295647) ; data.setValue(5,1,97.2);data.setValue(6,0,295648) ; data.setValue(6,1,98.14);data.setValue(7,0,295649) ; data.setValue(7,1,97.3);data.setValue(8,0,295650) ; data.setValue(8,1,98.12);data.setValue(9,0,295651) ; data.setValue(9,1,98.28);data.setValue(10,0,295652) ; data.setValue(10,1,98.28);data.setValue(11,0,295653) ; data.setValue(11,1,98.05);data.setValue(12,0,295654) ; data.setValue(12,1,97);data.setValue(13,0,295655) ; data.setValue(13,1,98.5);data.setValue(14,0,295656) ; data.setValue(14,1,97.8);data.setValue(15,0,295657) ; data.setValue(15,1,98);data.setValue(16,0,295658) ; data.setValue(16,1,98.8);data.setValue(17,0,295659) ; data.setValue(17,1,98.8);data.setValue(18,0,295660) ; data.setValue(18,1,98);data.setValue(19,0,295661) ; data.setValue(19,1,97.7);data.setValue(20,0,295662) ; data.setValue(20,1,98.2);data.setValue(21,0,295663) ; data.setValue(21,1,98);data.setValue(22,0,295664) ; data.setValue(22,1,98.5);data.setValue(23,0,295665) ; data.setValue(23,1,98.7);data.setValue(24,0,295666) ; data.setValue(24,1,98.2);data.setValue(25,0,295667) ; data.setValue(25,1,98);data.setValue(26,0,295668) ; data.setValue(26,1,98);data.setValue(27,0,295669) ; data.setValue(27,1,97);data.setValue(28,0,295670) ; data.setValue(28,1,98);data.setValue(29,0,295671) ; data.setValue(29,1,98);data.setValue(30,0,295672) ; data.setValue(30,1,98);data.setValue(31,0,295673) ; data.setValue(31,1,97.5);data.setValue(32,0,295674) ; data.setValue(32,1,98);data.setValue(33,0,295675) ; data.setValue(33,1,98);data.setValue(34,0,295676) ; data.setValue(34,1,97.7);data.setValue(35,0,295677) ; data.setValue(35,1,98.35);data.setValue(36,0,295678) ; data.setValue(36,1,97.5);data.setValue(37,0,295679) ; data.setValue(37,1,97.8);data.setValue(38,0,295680) ; data.setValue(38,1,98.7);data.setValue(39,0,295681) ; data.setValue(39,1,98.7);data.setValue(40,0,295682) ; data.setValue(40,1,97.9);data.setValue(41,0,295683) ; data.setValue(41,1,97.81);data.setValue(42,0,295684) ; data.setValue(42,1,98.5);data.setValue(43,0,295685) ; data.setValue(43,1,98.02);data.setValue(44,0,295686) ; data.setValue(44,1,98.4);data.setValue(45,0,295687) ; data.setValue(45,1,98.88);data.setValue(46,0,295688) ; data.setValue(46,1,98.94);data.setValue(47,0,295689) ; data.setValue(47,1,98.4);data.setValue(48,0,295690) ; data.setValue(48,1,98.28);data.setValue(49,0,295691) ; data.setValue(49,1,99);data.setValue(50,0,295692) ; data.setValue(50,1,97.23);data.setValue(51,0,295693) ; data.setValue(51,1,95.27);data.setValue(52,0,295694) ; data.setValue(52,1,99);data.setValue(53,0,295695) ; data.setValue(53,1,75);data.setValue(54,0,295696) ; data.setValue(54,1,105);data.setValue(55,0,295697) ; data.setValue(55,1,98.7);data.setValue(56,0,295698) ; data.setValue(56,1,99);data.setValue(57,0,295699) ; data.setValue(57,1,97.5);data.setValue(58,0,295700) ; data.setValue(58,1,98);data.setValue(59,0,295701) ; data.setValue(59,1,100);data.setValue(60,0,295702) ; data.setValue(60,1,98.8);data.setValue(61,0,295703) ; data.setValue(61,1,98);data.setValue(62,0,295704) ; data.setValue(62,1,100);data.setValue(63,0,295705) ; data.setValue(63,1,87);data.setValue(64,0,295706) ; data.setValue(64,1,78);data.setValue(65,0,295707) ; data.setValue(65,1,99);data.setValue(66,0,295708) ; data.setValue(66,1,99);data.setValue(67,0,295709) ; data.setValue(67,1,97);data.setValue(68,0,295710) ; data.setValue(68,1,95);data.setValue(69,0,295711) ; data.setValue(69,1,72);data.setValue(70,0,295712) ; data.setValue(70,1,85);data.setValue(71,0,295713) ; data.setValue(71,1,98);data.setValue(72,0,295714) ; data.setValue(72,1,99);data.setValue(73,0,295715) ; data.setValue(73,1,97);data.setValue(74,0,295716) ; data.setValue(74,1,96);data.setValue(75,0,295717) ; data.setValue(75,1,99);data.setValue(76,0,295718) ; data.setValue(76,1,78);data.setValue(77,0,295719) ; data.setValue(77,1,92);data.setValue(78,0,295720) ; data.setValue(78,1,95);data.setValue(79,0,295721) ; data.setValue(79,1,98);data.setValue(80,0,295722) ; data.setValue(80,1,95);data.setValue(81,0,295723) ; data.setValue(81,1,98.9);data.setValue(82,0,295724) ; data.setValue(82,1,97.7);data.setValue(83,0,295725) ; data.setValue(83,1,98);data.setValue(84,0,295726) ; data.setValue(84,1,98.5);data.setValue(85,0,295727) ; data.setValue(85,1,97);data.setValue(86,0,295728) ; data.setValue(86,1,87);data.setValue(87,0,295729) ; data.setValue(87,1,99.02);data.setValue(88,0,295730) ; data.setValue(88,1,99.31);data.setValue(89,0,295731) ; data.setValue(89,1,97.55);data.setValue(90,0,295732) ; data.setValue(90,1,98.15);data.setValue(91,0,295733) ; data.setValue(91,1,99.05);data.setValue(92,0,295734) ; data.setValue(92,1,73.8);data.setValue(93,0,295735) ; data.setValue(93,1,89.65);data.setValue(94,0,295736) ; data.setValue(94,1,65);data.setValue(95,0,295737) ; data.setValue(95,1,73.5);data.setValue(96,0,295738) ; data.setValue(96,1,60);data.setValue(97,0,295739) ; data.setValue(97,1,77);data.setValue(98,0,295740) ; data.setValue(98,1,58);data.setValue(99,0,295741) ; data.setValue(99,1,75);var options = backgroundColor:'red' chart.draw(data, options,{title: 'Company Performance', var chart = new google.visualization.BarChart(document.getElementById('chart_div'));vAxis: {title: 'Year', titleTextStyle: {color: 'green'}}}); }</script></div>
<div><span id="MainContent_msgLabel"></span></div>
</div>
<div class="clear">
</div>
</div>
<div class="footer">
</div>
<script type='text/javascript'>new Sys.WebForms.Menu({ element: 'NavigationMenu', disappearAfter: 500, orientation: 'horizontal', tabIndex: 0, disabled: false });</script></form>
</body>
</html>

Reply all
Reply to author
Forward
0 new messages