要实现Ag Grid单元格的线性渐变颜色，可以使用Ag Grid的Cell Style属性和Cell Renderer属性配合使用。

首先，我们需要创建一个自定义的Cell Renderer组件来渲染单元格的内容和样式。下面是一个示例的自定义Cell Renderer组件代码：

import React from 'react';

class LinearGradientCellRenderer extends React.Component {
  getValue() {
    // 从props获取单元格的值
    return this.props.value;
  }

  getFormattedValue() {
    // 从props获取格式化后的单元格值
    return this.props.formattedValue;
  }

  render() {
    const value = this.getValue();
    const formattedValue = this.getFormattedValue();

    // 计算渐变颜色
    const minValue = this.props.minValue;
    const maxValue = this.props.maxValue;
    const color = this.calculateColor(value, minValue, maxValue);

    // 返回渲染后的单元格内容和样式
    return (
      

        {formattedValue}
      
    );
  }

  calculateColor(value, minValue, maxValue) {
    // 根据最小值和最大值计算渐变颜色
    const percent = (value - minValue) / (maxValue - minValue);
    const startColor = '#FF0000'; // 渐变起始颜色
    const endColor = '#00FF00'; // 渐变结束颜色

    // 使用线性插值计算渐变颜色
    const r = this.interpolateColor(startColor.substring(1, 3), endColor.substring(1, 3), percent);
    const g = this.interpolateColor(startColor.substring(3, 5), endColor.substring(3, 5), percent);
    const b = this.interpolateColor(startColor.substring(5, 7), endColor.substring(5, 7), percent);

    return `#${r}${g}${b}`;
  }

  interpolateColor(start, end, percent) {
    const s = parseInt(start, 16);
    const e = parseInt(end, 16);
    const v = Math.round(s + (e - s) * percent);
    return v.toString(16).padStart(2, '0');
  }
}

export default LinearGradientCellRenderer;

接下来，在Ag Grid的列定义中，我们需要将这个自定义的Cell Renderer组件作为cellRenderer属性的值。同时，我们还需要根据数据源的最大值和最小值来传递对应的参数（minValue和maxValue）给Cell Renderer组件。下面是一个示例的列定义代码：

{
  headerName: 'Value',
  field: 'value',
  cellRendererFramework: LinearGradientCellRenderer,
  cellRendererParams: {
    minValue: 0, // 数据源的最小值
    maxValue: 100 // 数据源的最大值
  }
}

以上代码中，假设数据源中的每一行都有一个名为"value"的字段表示单元格的值。

通过以上的代码示例，我们可以实现Ag Grid的单元格线性渐变颜色基于最大值和最小值的效果。请根据实际需求和数据源的情况进行相应的调整和修改。