echarts柱状图高度固定

要固定 Echarts 柱状图的高度，可以通过设置图表容器的样式来实现。以下是一个示例：

import React from 'react';
import ReactEcharts from 'echarts-for-react';

function BarChart() {
  // 柱状图数据
  const data = {
    categories: ['A', 'B', 'C', 'D', 'E'],
    series: [120, 200, 150, 80, 70],
  };

  // 设置图表容器的样式
  const chartStyle = {
    height: '300px', // 固定高度
    width: '100%',
  };

  // 构造 Echarts 配置项
  const option = {
    xAxis: {
      type: 'category',
      data: data.categories,
    },
    yAxis: {
      type: 'value',
    },
    series: [
      {
        type: 'bar',
        data: data.series,
      },
    ],
  };

  return (
    <div style={chartStyle}>
      <ReactEcharts option={option} />
    </div>
  );
}

export default BarChart;

在上述代码中，我们通过 `chartStyle` 对象指定了图表容器的高度为固定的 `300px`，并将其应用到图表容器的样式中。然后，使用 `ReactEcharts` 组件渲染柱状图，传入相应的配置项 `option`。这样就能够实现柱状图高度的固定。你可以根据需求调整 `chartStyle` 对象中的其他样式属性，如宽度、背景色等。