Advertisement
Guest User

Untitled

a guest
Mar 2nd, 2015
192
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 2.52 KB | None | 0 0
  1. [WebMethod]
  2. public static string GetChart(string country)
  3. {
  4. StringBuilder sb = new StringBuilder();
  5. sb.Append("{");
  6. sb.Append("labels:["January","February","March","April","May","June"],");
  7. sb.Append("datasets:[");
  8.  
  9. System.Threading.Thread.Sleep(50);
  10. string color = "rgba(220,220,220,0.2)";
  11. //
  12. sb.Append("{");
  13. sb.Append(string.Format("fillColor:"{0}", strokeColor:"{1}", pointColor:"{2}", pointStrokeColor:"{3}", data:{4}", color, "#ACC26D", "#fff", "#9DB86D", "[203,156,99,251,305,247]"));
  14. //
  15. sb.Append("}");
  16. sb.Append("]");
  17.  
  18.  
  19. sb.Append("};");
  20. return sb.ToString();
  21. }
  22.  
  23. <script type="text/javascript">
  24. function LoadChart() {
  25. var chartType = parseInt($("[id*=rblChartType] input:checked").val());
  26. $.ajax({
  27. type: "POST",
  28. url: "inicioCliente.aspx/GetChart",
  29. data: "{country: '" + $("[id*=ddlCountries]").val() + "'}",
  30. contentType: "application/json; charset=utf-8",
  31. dataType: "json",
  32. success: function (r) {
  33. $("#dvChart").html("");
  34. $("#dvLegend").html("");
  35. var data = eval((r.d));
  36. var el = document.createElement('canvas');
  37. $("#dvChart")[0].appendChild(el);
  38. var ctx = el.getContext('2d');
  39. var userStrengthsChart;
  40. switch (chartType) {
  41. case 1:
  42. userStrengthsChart = new Chart(ctx).Line(data);
  43. break;
  44. case 2:
  45. userStrengthsChart = new Chart(ctx).Doughnut(data);
  46. break;
  47. }
  48. for (var i = 0; i < data.length; i++) {
  49. var div = $("<div />");
  50. div.css("margin-bottom", "10px");
  51. div.html("<span style = 'display:inline-block;height:10px;width:10px;background-color:" + data[i].color + "'></span> " + data[i].text);
  52. $("#dvLegend").append(div);
  53. }
  54. },
  55. failure: function (response) {
  56. alert('There was an error.');
  57. }
  58. });
  59. }
  60. $(function () {
  61. LoadChart();
  62. $("[id*=ddlCountries]").bind("change", function () {
  63. LoadChart();
  64. });
  65. $("[id*=rblChartType] input").bind("click", function () {
  66. LoadChart();
  67. });
  68. });
  69.  
  70.  
  71. </script>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement