html - 複数の Jquery スライダーを使用したグラフのプロット

Question

複数の Jquery UI スライダーを使用して、Jquery FLot を使用してプロットしたグラフに値を入力しています。私が直面している問題は、グラフの最大値を設定する必要があり、各スライダーがグラフに何らかの値を与えることです。つまり、グラフが累積的に入力されます。しかし、複数のスライダーを使用してグラフにデータを入力しようとするたびに、jquery スライダーが誤った値を与え、グラフにも複数の値が入力されます。ロジックを削除して、いずれかのスライダーを使用してグラフにデータを入力すると、グラフに個々の値が表示されます。ここに私が取り組んでいるコードの一部があります:

var plot_val=0;
        function plot(val) {
        value_plot=val;

        var d2 = [[0, value_plot]];
        var d3 = [[0, value_plot/2]]
        var options_blue = {
                series: {color: '#0000ff',
                bars: { show: true,  barWidth :20*20}},
                  xaxis:  {show:false, min: 1} ,
                  yaxis:  { show:true,min: 0,max:500} 

              };
        var options_red = {
                series: {color: '#FF0000',
                bars: { show: true,  barWidth : 20*20}},
                  xaxis:  {show:false, min: 1} ,
                  yaxis:  { show:true,min: 0,max:500 } 

              };
        $.plot($("#placeholder"),  [d2],options_blue);
        $.plot($("#placeholder1"),  [d3],options_red);


    };

        $(function() {
            $( "#slider-range-min_1" ).slider({
              range: "min",
              value: 1,
              min: 1,
              max: 500,
              slide: function( event, ui ) {

                plot(ui.value);
              }
             });
          });
        $(function() {
            $( "#slider-range-min_2" ).slider({
              range: "min",
              value: 1,
              min: 1,
              max: 500,
              values: [1,500],
              slide: function( event, ui ) {

                plot(ui.value);
               }
             });
          });