How To Use Highchart In ASP.NET

• Chart Creation
  
  1. Below code
  2. for Mvc
  3. public ActionResult Index() {
  4. DotNet.Highcharts.Highcharts chart = new DotNet.Highcharts.Highcharts("chart").SetXAxis(new XAxis {
  5. Categories = new [] {
  6. "Jan",
  7. "Feb",
  8. "Mar",
  9. "Apr",
  10. "May",
  11. "Jun",
  12. "Jul",
  13. "Aug",
  14. "Sep",
  15. "Oct",
  16. "Nov",
  17. Dec " }
  18. }).SetSeries(new Series {
  19. Data = new Data(new object[] {
  20. 29.9,
  21. 71.5,
  22. 106.4,
  23. 129.2,
  24. 144.0,
  25. 176.0,
  26. 135.6,
  27. 148.5,
  28. 216.4,
  29. .1,
  30. 95.6,
  31. 54.4
  32. })
  33. });
  34. return View(chart);
  35. }
  36. Below Code
  37. for Asp.net
  38. protected void Page_Load(object sender, EventArgs e) {
  39. DotNet.Highcharts.Highcharts chart = new DotNet.Highcharts.Highcharts("chart").SetXAxis(new XAxis {
  40. Categories = new [] {
  41. "Jan",
  42. "Feb",
  43. "Mar",
  44. "Apr",
  45. "May",
  46. "Jun",
  47. "Jul",
  48. "Aug",
  49. "Sep",
  50. "Oct",
  51. "Nov",
  52. "Dec"
  53. }
  54. }).SetSeries(new Series {
  55. Data = new Data(new object[] {
  56. 29.9,
  57. 71.5,
  58. 106.4,
  59. 129.2,
  60. 144.0,
  61. 176.0,
  62. 135.6,
  63. 148.5,
  64. 216.4,
  65. 194.1,
  66. 95.6,
  67. 54.4
  68. })
  69. });
  70. ltrChart.Text = chart.ToHtmlString();
  71. }
  HTML Code
  
  1. For Mvc
  2. @model DotNet.Highcharts.Highcharts
  3. @(Model)
  4. For Asp.net < asp: Content ID = "BodyContent"
  5. runat = "server"
  6. ContentPlaceHolderID = "MainContent" > < asp: Literal ID = "ltrChart"
  7. runat = "server" > < /asp:Literal> < /asp:Content>

Step 4

We get the output like the below image.