javascript - Chart.js - 响应能力无法正确处理设备方向更改

Question

我已经在我的项目中实现了 Chart.js，它可以正常工作，但是我在移动设备上更改方向时遇到了问题。
< br/>如果屏幕从 portait 模式更改为 landscape 一切都按预期调整大小，
但是当将 landscape 格式更改为 portrait 图表未调整大小...它保持横向模式。

我正在寻找一种不使用 jQuery-mobile

来做到这一点的方法

如果有人知道如何处理这种(错误的)行为，我会很高兴知道该怎么做。

Answer 1

监听方向更改事件(在 jQuery 移动版中 - $(window).on("orientationchange",function(){ ... });)并触发窗口调整大小(如果你有 jQuery，这可能像 $(window).trigger('resize');

或者，您可以复制在方向更改处理程序中调整窗口大小时执行的代码

function () {
    // Basic debounce of resize function so it doesn't hurt performance when resizing browser.
    var timeout;
    return function () {
        clearTimeout(timeout);
        timeout = setTimeout(function () {
            Chart.helpers.each(Chart.instances, function (instance) {
                // If the responsive flag is set in the chart instance config
                // Cascade the resize event down to the chart.
                if (instance.options.responsive) {
                    instance.resize(instance.render, true);
                }
            });
        }, 50);
    };
};

这主要是 Chart.js 库代码的复制粘贴，只是我将每个代码替换为 Chart.helpers.each