当您使用refreshCells重新生成图表时，更改Ag-Grid中的字幕会做出反应

问题描述

我正在使用Ag-Grid React，这是我的新手。 我有一个下拉菜单，允许您通过refreshCells函数切换到从AWS调用到折线图中的不同数据集。 当您从下拉菜单中选择某项时，图表刷新会很好，但我也想更改折线图的字幕以匹配要提取的数据（选定的下拉值）。 页面最初加载后，是否可以使用refreshCells函数？

解决方法

在定义gridOptions对象时，定义processChartOptions，如下所示。

由于基础数据的变化，每当重绘图表时都会调用此方法。您可以使用params对象动态设置标题/字幕值。

function processChartOptions(params) {
  var options = params.options;

  console.log('chart options:',options);

  options.title.enabled = true;
  options.title.text = 'your title here';
  options.title.fontStyle = 'italic';
  options.title.fontWeight = '600';
  options.title.fontSize = 18;
  options.title.fontFamily = 'Impact,sans-serif';
  options.title.color = '#414182';

  options.subtitle.enabled = true;
  options.subtitle.text = 'your subtitle here';
  options.subtitle.fontSize = 14;
  options.subtitle.fontFamily = 'Monaco,monospace';
  options.subtitle.color = 'rgb(100,100,100)';

  return options;
}

这是demo。