echarts柱状图高度怎么设置

avatar
作者
筋斗云
阅读量:3

要设置 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 像素。您可以根据需要自由调整这个值。

广告一刻

为您即时展示最新活动产品广告消息,让您随时掌握产品活动新动态!