JQuery Morris Resize 是一個 jQuery 插件，它可以自動調整 Morris 圖表的大小，以適應不同的屏幕大小和設備類型。這個插件可以被用于創建不同類型的圖表，如折線圖、柱狀圖和餅圖，并且它非常容易使用。

在使用 JQuery Morris Resize 之前，你需要先引入 jQuery 和 Morris.js ，并在頁面上創建一個容器來裝載圖表。

<script src="jquery.min.js" type="text/javascript"></script>
<script src="morris.min.js" type="text/javascript"></script>
<div id="chart-container"></div>

現在，假設你已經創建了一個 Morris 圖表，并且你想讓它自適應屏幕大小。那么你可以在圖表相關的 JavaScript 代碼中添加以下代碼：

$(document).ready(function() {
var chart = Morris.Line({
element: 'chart-container',
data: [
{ year: '2008', value: 20 },
{ year: '2009', value: 10 },
{ year: '2010', value: 5 },
{ year: '2011', value: 5 },
{ year: '2012', value: 20 }
],
xkey: 'year',
ykeys: ['value'],
parseTime: false
});
$(window).resize(function(){
chart.redraw();
});
});

在上面的代碼中，我們首先創建了一個折線圖，然后添加了一個 resize 事件。當瀏覽器的窗口大小發生改變時，我們使用 chart.redraw() 方法來重新繪制圖表。

使用 JQuery Morris Resize 之后，你的圖表將會在任何設備上都能自適應調整大小。這個插件非常實用，無論你是在電腦上還是在移動設備上查看圖表，都能夠保證圖表的美觀和完整性。