reactjs - 如何使用 AG Grid 和 AdapTable 更改格式列中渐变的顺序

Question

我在与 AdapTable 一起使用的 AG 网格中使用渐变列样式。
我的专栏有正数和负数。因此，我为负数创建了一个范围(红色)，为正数创建了另一个范围(绿色)。
正范围工作正常，数字越大，绿色越暗。
但是在负值范围内，单元格越接近 0 越暗，这对我来说是错误的。我希望它更暗 下 (负)数。这可能吗？
我的格式列定义如下:

FormatColumn: {
  FormatColumns: [
      {
        Scope: { ColumnIds: ['current_value']},
        ColumnStyle: {
          GradientStyle: {
            CellRanges: [
              {Min: -100, Max: 0, Color: 'Red'},
              {Min: 0, Max: 100, Color: 'Green'}
            ],
          },
        },
        DisplayFormat: { Formatter: 'NumberFormatter', Options: { Parentheses: true}},
        CellAlignment: 'Center',
      },
    ],
  },

Answer 1

Range 有一个可选的 ReverseGradient bool 属性，默认值为 false。
您需要在负范围内提供此值并将其设置为 true

CellRanges: [
  {Min: -100, Max: 0, Color: 'Red', ReverseGradient: true },
  {Min: 0, Max: 100, Color: 'Green'}
],