Chart.js：调整窗口大小时出现问题

Question

使用此代码，当我拖动窗口时，我的图表会调整大小，但当我按下 windows 上的最大化按钮或 mac 上的全屏按钮时不会。这只是一个chart.js 问题吗？这是我用于调整图表大小的 JS。

// -- draw the chart ---
$(document).ready(function(){
  var ctx = null;
  chart= null;
  var width = 0;
  var screenWidth = $(window).width();
  setTimeout(function(){
    width = $('##chart').parent().width();
    $('##chart').attr("width",width-30);
    ctx = $("##chart").get(0).getContext("2d");
    chart = new Chart(ctx).Bar(data, options);

    // --- resize ---
    $( window ).resize(function() {
      var newScreenWidth = $(window).width();
      if(screenWidth != newScreenWidth){
        width = $('##chart').parent().width();
        $('##chart').replaceWith('<canvas id="chart" width="650" height="175"></canvas>');
        $('##chart').attr("width",width-30);
        ctx = $("##chart").get(0).getContext("2d");
        chart = new Chart(ctx).Bar(data, options);				
      }
    });
  },500);

Answer 1

我从来没有遇到过 chart.js 的调整大小问题，您不需要订阅调整大小事件，因为调整大小已经由 chart.js 处理，具体取决于画布容器的大小。当您使用此 mac 浏览正常工作的 chart.js 网站时，您是否遇到此问题？

来自chartjs.org：

如果浏览器改变大小，Chart.js 将调整您的图表大小，并为该大小提供完美的缩放粒度

顺便说一句，请查看您的控制台，$('##chart') 不是有效的 jQuery 选择器，应该会产生错误。我不知道您发布的代码如何工作。