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

Question

我在与 AdapTable 一起使用的 AG 网格中使用渐变列样式。

我的专栏有正数和负数。因此，我为负数创建了一个范围 - 红色 - 为正数创建了另一个范围 - 绿色。

正数范围效果很好，数字越大，绿色越深。但是在负范围内，单元格越接近 0 越暗，这对我来说是错误的方式。我希望它比低（负）数更暗。这可能吗？

我的Format Column定义如下：

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 布尔值属性，默认值为 false。

您需要在负值范围内提供它并将其设置为 true

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

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

How do I change the order of the Gradient in Format Column with AG Grid and AdapTable

reactjs

ag-grid

ag-grid-react