如何使用jQuery滑块更改ASP.Net中图表的数据点y值？

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的值交互的动态图表