Как изменить значение y в datapoint y диаграммы в ASP.Net с помощью ползунка jQuery?

Question

Я хочу сделать динамический график с ползунком в качестве ввода.Я попробовал это с диаграммой ASP.Net и виджетом слайдера jQuery.Однако я понятия не имею, как изменить значение y диаграммы с помощью ползунка ui.value.

$(document).ready(function () {
  $('#slider').slider({
    min: 0,
    max: 50,
    slide: function (event, ui) {
      $("#slide").html("slide= " + ui.value)                      
    },
  });
});

<asp:Chart ID="Chart1" runat="server" Height="329px" Width="448px">
  <Titles><asp:Title Text="sliderwaarde" /></Titles>
  <Series>                    
    <asp:Series Name="Series1" ChartType="Bar">
      <Points>
        <asp:DataPoint  AxisLabel="slider1" YValues="......." />
      </Points>
    </asp:Series>
  </Series>
  <ChartAreas>
    <asp:ChartArea Name="ChartArea1">
      <AxisX Title="Sliders"></AxisX>
      <AxisY Title="Waarde"></AxisY>
    </asp:ChartArea>
  </ChartAreas>
</asp:Chart>

Мне нужна динамическая диаграмма, которая взаимодействует со значением de slider