jquery - 如何调整 jQuery 流程图的大小？

Question

我有一个带有以下代码的 jQuery 流程图:

$("table.statics").each(function() {
    var colors = [];
    $("table.statics thead th:not(:first)").each(function() {
        colors.push($(this).css("color"));
    });
    $(this).graphTable({
        series: 'columns',
        position: 'replace',
        height: '200px',
        colors: colors
    }, {
        xaxis: {
            tickSize: 1
        }
    });
});

此代码工作正常，但现在我希望在调整窗口大小时调整图表大小。

我该怎么做？我的文档中包含 jquery.flot.resize.js。

Answer 1

只需添加对flot图表附带的jquery.flot.resize.js插件的引用即可。

来自插件文档:

Flot plugin for automatically redrawing plots when the placeholder size changes, e.g. on window resizes.

It works by listening for changes on the placeholder div (through the jQuery resize event plugin) - if the size changes, it will redraw the plot.

可以从http://www.flotcharts.org/下载