使用Flot Chart绘图并使用基于选择的缩放,可以使图表的一部分调整大小

时间:2015-01-15 19:59:12

标签: javascript jquery plot flot

我正在使用flotcharts。这样,我看起来有一个随机的半可重现问题,每次选择时都会出现这种情况,并且图表会放大。有时图表的网格区域看起来会实际调整大小,即使我不适用任何不同的设置或宽度。它在矩阵中的某种类型的故障我无法弄清楚。我希望这里的某个人能够帮助我解决这个问题,可能会遇到类似的问题。

        $(idStr).bind("plotselected", function (event, ranges) {
        console.log(ranges);
        plot_base = a_charts.findBindingPlot('#'+$(this).attr('id'));
        console.log(plot_base);
        if(plot_base !== null && plot_base !== undefined)
        {
            plot = $.plot(plot_base.chart_id, plot_base.chart_data, plot_base.chart_settings);
            $.each(plot.getXAxes(), function(_, axis) {
                var opts = axis.options;
                opts.min = ranges.xaxis.from;
                opts.max = ranges.xaxis.to;

                console.log(opts);
            });
            plot.setupGrid();
            plot.draw();
            plot.clearSelection();
        }
    });

在缩放之前:

Initial Render

在缩放几次后让它出现故障:

After rendered and a few zooms done in attempt to recreate the issue

1 个答案:

答案 0 :(得分:0)

plotselected处理程序中这一行:

plot = $.plot(plot_base.chart_id, plot_base.chart_data, plot_base.chart_settings);

不需要。在选定的事件中,您不断重新初始化情节,我猜这是根本原因。