echartsの棒グラフの高さをどのように設定しますか?

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ピクセルに設定できます。必要に応じてこの値を自由に調整できます。

bannerAds