Display HTML5 Canvas charts on page load using jQuery

I found this article in the link below and i founded interesting but I am trying to use the HTML5 Canvas charts without the drop-down and the radio button so i basically want to load the chart without using the dropdown at all.  

http://www.aspsnippets.com/Articles/Using-HTML5-Canvas-charts-in-ASPNet.aspx

here is the code:

[WebMethod]
public static string GetChart(string country)
{
    string constr = ConfigurationManager.ConnectionStrings["ConString"].ConnectionString;
    using (SqlConnection con = new SqlConnection(constr))
    {
        string query = string.Format("select shipcity, count(orderid) from orders where shipcountry = '{0}' group by shipcity", country);
        using (SqlCommand cmd = new SqlCommand())
        {
            cmd.CommandText = query;
            cmd.CommandType = CommandType.Text;
            cmd.Connection = con;
            con.Open();
            using (SqlDataReader sdr = cmd.ExecuteReader())
            {
                StringBuilder sb = new StringBuilder();
                sb.Append("[");
                while (sdr.Read())
                {
                    sb.Append("{");
                    System.Threading.Thread.Sleep(50);
                    string color = String.Format("#{0:X6}", new Random().Next(0x1000000));
                    sb.Append(string.Format("text :'{0}', value:{1}, color: '{2}'", sdr[0], sdr[1], color));
                    sb.Append("},");
                }
                sb = sb.Remove(sb.Length - 1, 1);
                sb.Append("]");
                con.Close();
                return sb.ToString();
            }
        }
    }
}

and JS

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script src="//cdn.jsdelivr.net/excanvas/r3/excanvas.js" type="text/javascript"></script>
<script src="//cdn.jsdelivr.net/chart.js/0.2/Chart.js" type="text/javascript"></script>
<form id="form1" runat="server">
<script type="text/javascript">
$(function () {
    LoadChart();
    $("[id*=ddlCountries]").bind("change", function () {
        LoadChart();
    });
    $("[id*=rblChartType] input").bind("click", function () {
        LoadChart();
    });
});
function LoadChart() {
    var chartType = parseInt($("[id*=rblChartType] input:checked").val());
    $.ajax({
        type: "POST",
        url: "Default.aspx/GetChart",
        data: "{country: '" + $("[id*=ddlCountries]").val() + "'}",
        contentType: "application/json; charset=utf-8",
        dataType: "json",
        success: function (r) {
            $("#dvChart").html("");
            $("#dvLegend").html("");
            var data = eval(r.d);
            var el = document.createElement('canvas');
            $("#dvChart")[0].appendChild(el);
 
            //Fix for IE 8
            if ($.browser.msie && $.browser.version == "8.0") {
                G_vmlCanvasManager.initElement(el);
            }
            var ctx = el.getContext('2d');
            var userStrengthsChart;
            switch (chartType) {
                case 1:
                    userStrengthsChart = new Chart(ctx).Pie(data);
                    break;
                case 2:
                    userStrengthsChart = new Chart(ctx).Doughnut(data);
                    break;
            }
            for (var i = 0; i < data.length; i++) {
                var div = $("<div />");
                div.css("margin-bottom", "10px");
                div.html("<span style = 'display:inline-block;height:10px;width:10px;background-color:" + data[i].color + "'></span> " + data[i].text);
                $("#dvLegend").append(div);
            }
        },
        failure: function (response) {
            alert('There was an error.');
        }
    });
}
</script>

I can't modify the JS so please help. I simply want to load the chart and pull the data from the database but without selecting anything like the dropdown and the radio button.  thanks