Question

我使用以下代码初步构建一个flot js图

   var plot = $.plot("#container", [{ data: sin},{ data: cos,yaxis: 2}], 
    {
        series: {
            lines: {
                show: true,
                fill: true
            },
            points: {
                show: true
            }
        },
        grid: {
            hoverable: true,
            clickable: true,
            backgroundColor: { colors: ["#D1D1D1", "#7A7A7A"] }
        },
        xaxis: {
            mode: "time",
            timeformat: "%d-%b"
        },
        yaxis: { position: "left",min: 0},
        y2axis: { position: "right",min: 0,alignTicksWithAxis: 1},  
        zoom: {
            interactive: true
        },
        pan: {
            interactive: true
        }
    });

这允许我放大/缩小以及在图表中移动。我有一个ajax调用来更新图表上的轴和数据，如下所示：

   success: function(data){
                var get = getDailyDataTEST(data, standard);

                DaysGraphSRC.setData([{ data: get.gr1}, { data: get.gr2,yaxis: 2}]);
                DaysGraphSRC.getOptions().xaxes[0].ticks = get.xaxis;
                DaysGraphSRC.setupGrid();
                DaysGraphSRC.draw();
            }

现在我的问题是，在加载新数据时，缩放和平移不会更新。例如，如果用户已放大或移动到图表上的某个位置，并且ajax调用更新数据，则缩放将保持在同一级别。有关如何重置缩放和平移的任何想法，以便它们适合加载的新数据？

重置缩放和平移flot js图

0 个答案: