title: Plot Highchart Gauge with JSON Data
body: <p>How do I plot highchart Gauge with JSON Data?</p>
  
  <p>I am working on highchart gauge, I got succes in showing the latest data from the database. I used <code>JavaScriptSerializer</code> for that </p>
  
  <p>The code is..</p>
  
  <pre><code>  &lt;script type="text/javascript"&gt;
      $(function () {
      var chart = new Highcharts.Chart({
          chart: {
              renderTo: 'container',
              type: 'gauge',
              plotBackgroundColor: null,
              plotBackgroundImage: null,
              plotBorderWidth: 0,
              plotShadow: false
          }, 
  //Other char parameter comes here
  }
  
  
     function (chart) {
              setInterval(function () {
  
                  $.getJSON("S14.aspx", function (data, textStatus) {
                      console.log(data);
                      $.each(data, function (index, wind) {
                          var point = chart.series[0].points[0],
                          newVal = wind;
                          point.update(newVal);
                      });
  
                  });
              }, 3000);
          });
  </code></pre>
  
  <p>The code for JSON is</p>
  
  <pre><code>public string chartData1
      {
          get;
          set;
  
      }
      protected void Page_Load(object sender, EventArgs e)
      {
          List&lt;double&gt; _data = new List&lt;double&gt;();
          GetData();
          foreach (DataRow row in dt.Rows)
          {
  
              _data.Add((double)Convert.ToDouble(row["S11"]));
  
          }
          JavaScriptSerializer jss = new JavaScriptSerializer();
          chartData1 = jss.Serialize(_data);
  
      }
  </code></pre>
  
  <p><strong>My JSON looks like</strong></p>
  
  <p><code>[1387204961992.4268,72]</code></p>
  
  <p>Well the problem is that the dial of gauge is not moving according to the last values i need to refresh the page for that. I know this is happening because the <code>GetData</code> function is being executed only one time. I am stuck here.</p>
  
  <p>How do I get the dial move according to the last values updates in the database?</p>