.NET] Google 차트 사용하기.

구글 차트 URL: https://google-developers.appspot.com/chart/

    <script type="text/javascript">

        $.getData = function() {

            $.ajax({

                type: "post",

                url: "DayStatistics.aspx/CallMethodTest",

                data: "{'year': '2013', 'month': '09'}",

                contentType: "application/json; charset=utf-8",

                dataType: "json",

                success: function(data, textStatus, jqXHR) {

                    var chartData = new google.visualization.DataTable();

                    chartData.addColumn('string', 'dayStatistics');

                    chartData.addColumn('number', '토토디스크M');

                    chartData.addRows(data.d.length);

                    for (var i = 0; i < data.d.length; i++) {

                        chartData.setValue(i, 0, data.d[i].DayStatistics);

                        chartData.setValue(i, 1, data.d[i].Value1);

                    }

                    var options = {

                    legend: { position: "none" },

                        hAxis: { textStyle: { fontSize: 13} },

                        chartArea: { left: "5%", top: "10%", width: "90%", height: "80%" }

                    };

                    var chart = new google.visualization.ColumnChart(document.getElementById('chart_div'));

                    chart.draw(chartData, options);

                },

                error: function(jqXHR, textStatus, errorThrown) {

                    alert(errorThrown);

                }

            });

        }

        google.load("visualization", "1", { packages: ["corechart"] });

        google.setOnLoadCallback($.getData);

    </script>

using System.Web.Services;

public partial class TotoDiskM_Statistics_DayStatistics : System.Web.UI.Page

{

    [WebMethod]

    public static List<chartData> CallMethodTest(string year, string month)

    {

        List<chartData> data = new List<chartData>();

        for (int i = 0; i < 31; i++)

        {

            data.Add(new chartData() { DayStatistics = ""+i+"일", Value1 = 123400+i });

        }

        return data;

    }

}

public class chartData

{

    public string DayStatistics { get; set; }

    public int Value1 { get; set; }    

}