要設置 ECharts 柱狀圖的高度,可以使用 grid 屬性中的 height 屬性來指定圖表的高度。
以下是一個簡單的示例:
// 引入 ECharts
import echarts from 'echarts';
// 初始化圖表
const chart = echarts.init(document.getElementById('chart'));
// 配置圖表參數
const option = {
grid: {
height: 200 // 設置圖表的高度為200像素
},
xAxis: {
type: 'category',
data: ['Category 1', 'Category 2', 'Category 3', 'Category 4', 'Category 5']
},
yAxis: {
type: 'value'
},
series: [{
type: 'bar',
data: [100, 200, 300, 400, 500]
}]
};
// 渲染圖表
chart.setOption(option);
在上面的例子中,通過設置 grid.height 屬性為 200,將圖表的高度設置為 200 像素。您可以根據需要自由調整這個值。