using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.Mvc;
using Highsoft.Web.Mvc.Charts;


namespace MVC_Demo.Areas.Highcharts.Controllers.Shared
{
    public partial class SharedController : Controller
    {
        public ActionResult DynamicUpdate()
        {
            return View();
        }      
    }
}

<script src="https://code.highcharts.com/highcharts.js"></script>
<script src="https://code.highcharts.com/modules/exporting.js"></script>

@using Highsoft.Web.Mvc.Charts
@using Highsoft.Web.Mvc.Charts.Rendering

<script type="text/javascript">

    function initChart() {

        var data = generateInitialData();

        // set up the updating of the chart each second
        var series = this.series[0];

        series.setData(data);

        setInterval(function () {
            var x = (new Date()).getTime(), // current time
                y = Math.random();
            series.addPoint([x, y], true, true);
        }, 1000);
    }

    function formatTooltip() {
        return '<b>' + this.series.name + '</b><br/>' +
            Highcharts.dateFormat('%Y-%m-%d %H:%M:%S', this.x) + '<br/>' +
            Highcharts.numberFormat(this.y, 2);
    }

    function generateInitialData() {

        // generate an array of random data
        var data = [],
            time = (new Date()).getTime(),
            i;

        for (i = -19; i <= 0; i += 1) {
            data.push({
                x: time + i * 1000,
                y: Math.random()
            });
        }
        return data;

    }

</script>


@{ var chartOptions =
      new Highcharts
      {
          Chart = new Highsoft.Web.Mvc.Charts.Chart
          {
              Type = ChartType.Spline,
              AnimationBool = true,
              MarginRight = 10,
              Events = new ChartEvents
              {
                  Load = "initChart"
              }
          },
          Title = new Title
          {
              Text = "Live Random Data"
          },
          XAxis = new List<XAxis>
              {
                new XAxis
                {
                    Type = "datetime",
                    TickPixelInterval = 150
                }
                              },
          YAxis = new List<YAxis>
              {
                new YAxis
                {
                    Title = new YAxisTitle
                    {
                        Text = "Value"
                    },
                    PlotLines =  new List<YAxisPlotLines>
    {
                        new YAxisPlotLines
                        {
                            Value = 0,
                            Width = 1,
                            Color = "#808080"
                        }
                    }
                }
                              },
          Tooltip = new Tooltip
          {
              Formatter = "formatTooltip"
          },
          Legend = new Legend
          {
              Enabled = false
          },
          Exporting = new Exporting
          {
              Enabled = false
          },
          Series = new List<Series>
              {
                new SplineSeries
                {
                    Name = "Random Data"
                }
                              }
      };

    chartOptions.ID = "chart";
    var renderer = new HighchartsRenderer(chartOptions);
}

@Html.Raw(renderer.RenderHtml())