Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- [WebMethod]
- public static string GetChart(string country)
- {
- StringBuilder sb = new StringBuilder();
- sb.Append("{");
- sb.Append("labels:["January","February","March","April","May","June"],");
- sb.Append("datasets:[");
- System.Threading.Thread.Sleep(50);
- string color = "rgba(220,220,220,0.2)";
- //
- sb.Append("{");
- sb.Append(string.Format("fillColor:"{0}", strokeColor:"{1}", pointColor:"{2}", pointStrokeColor:"{3}", data:{4}", color, "#ACC26D", "#fff", "#9DB86D", "[203,156,99,251,305,247]"));
- //
- sb.Append("}");
- sb.Append("]");
- sb.Append("};");
- return sb.ToString();
- }
- <script type="text/javascript">
- function LoadChart() {
- var chartType = parseInt($("[id*=rblChartType] input:checked").val());
- $.ajax({
- type: "POST",
- url: "inicioCliente.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);
- var ctx = el.getContext('2d');
- var userStrengthsChart;
- switch (chartType) {
- case 1:
- userStrengthsChart = new Chart(ctx).Line(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.');
- }
- });
- }
- $(function () {
- LoadChart();
- $("[id*=ddlCountries]").bind("change", function () {
- LoadChart();
- });
- $("[id*=rblChartType] input").bind("click", function () {
- LoadChart();
- });
- });
- </script>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement