echarts圖表生成時，有時會出現(xiàn)展示不完全的情況，這就需要我們調(diào)整圖表的寬度和高度，以便更好地展示圖表內(nèi)容。在echarts中，柱狀圖和餅圖的寬高調(diào)整方法是不同的。 調(diào)整柱狀圖的寬高 要調(diào)整柱

echarts圖表生成時，有時會出現(xiàn)展示不完全的情況，這就需要我們調(diào)整圖表的寬度和高度，以便更好地展示圖表內(nèi)容。在echarts中，柱狀圖和餅圖的寬高調(diào)整方法是不同的。

調(diào)整柱狀圖的寬高

要調(diào)整柱狀圖的寬高，只需要在echarts的option中添加grid屬性即可。具體操作如下：

grid: {
    top: '10%',
    left: '10%',
    right: '20%',
    bottom: '10%'
}

通過設(shè)置grid的top、left、right和bottom屬性，可以根據(jù)上級盒子的寬高來計算柱狀圖的寬高。你可以根據(jù)實際需求，使用百分比或具體數(shù)值來設(shè)置寬高。

調(diào)整餅圖的寬高

在echarts中，餅圖的大小由直徑radius來決定，而不是寬度和高度。要調(diào)整餅圖的寬高，可以按照以下步驟進(jìn)行：

radius: '50%' // 普通餅圖

對于普通餅圖，只需要在option中設(shè)置radius屬性為一個百分比即可。如果你想創(chuàng)建環(huán)形圖，可以將radius屬性設(shè)置為一個數(shù)組，例如：

radius: ['50%', '70%'] // 環(huán)形圖

通過調(diào)整radius屬性的數(shù)值，可以根據(jù)上級盒子的寬高決定餅圖的大小。