title: Binding a Kendo Gauge to local data
body: <p>In the Kendo documentation there are examples of binding many charts to local data, but there is nothing for the radial gauge.</p>
  
  <p>Can anyone tell me how to specify the value for the pointer using an int in my controller?</p>
  
  <pre><code>&lt;div id="gauge-container"&gt;
  @(Html.Kendo().RadialGauge()
      .Name("gauge")
      .Pointer(pointer =&gt;pointer.Value(intFromController) )
      .Scale(scale =&gt; scale
          .MinorUnit(5)
          .StartAngle(-30)
          .EndAngle(210)
          .Max(180)
      )
  )
  &lt;/div&gt;
  </code></pre>
  
  <p>EDIT -- For anyone who arrives here with the same issue here is how I fixed it(actual code edited with test function to simplicity, also sorry for indenting, in a rush.):</p>
  
  <p><strong>View:</strong></p>
  
  <pre><code>&lt;script&gt;
  $(document).ready(function () {
  
      $.ajax({
          type: "POST",
          cache: false,
          url: 'test/',
          success: function (data) {
              $("#gauge").data("kendoRadialGauge").value(data);
          }
      })
  
  
  
  })&lt;/script&gt;
  </code></pre>
  
  <p></p>
  
  <pre><code>@(Html.Kendo().RadialGauge()
  
      .Name("gauge")
      .Pointer(pointer =&gt; pointer.Value(0))
      .Scale(scale =&gt; scale
          .MinorUnit(5)
          .StartAngle(-30)
          .EndAngle(210)
          .Max(180)
      )
  )
  </code></pre>
  
  <p></p>
  
  <p><strong>Controller</strong></p>
  
  <pre><code>public double test()
  {
      double value = 10;
      return value;
  }
  </code></pre>