设置AG-Grid图表上的标签格式

Question

如何格式化出现在AG-Grid图表轴上的标签？我有很多时间序列数据，因此我希望用户经常生成横轴为日期的图表。不幸的是，这会产生不可读的图表标签，因为日期未设置格式（请参见附图）-当我只想简单地将标签更改为“ Thu Jan 09 2020 00:00:00 GMT + 0000（格林威治标准时间）”时， 2020-01-09”。 My My网格中的日期看起来不错，这要归功于valueFormatter的日期。

用户使用日期生成数据透视表也很常见。这会为标签产生类似的可怕结果，但是我发现我可以使用“ processSecondaryColGroupDef”格式化出现在列标题中的日期。图表是否有类似的方法？

谢谢， 特洛伊。

Answer 1

从文档中-

对于时间轴，可以提供格式字符串，该字符串将用于 格式化数据以显示为轴标签

您可以将轴类型明确设置为“时间”，但也可以删除它，并且图表仍将使用时间轴，因为它会自动从“日期”列中的数据中检测到轴类型。

您可以实现processChartOptions回调并添加自定义项-

processChartOptions(params) {
    var options = params.options;
    var dateFormatter = function(params) {
      return params.value.value && para[enter link description here][1]ms.value.value.toLocaleDateString
        ? params.value.value.toLocaleDateString()
        : params.value;
    };
    if (["line"].indexOf(params.type) < 0) {
      if (options.xAxis && options.yAxis) {
        options.xAxis.label.formatter = dateFormatter;
        options.yAxis.label.formatter = dateFormatter;
      }
    } else {
      options.xAxis.type = "time";
      options.xAxis.label.format = "%d %B";
    }

示例和详细信息here