时间戳

首页 > 解决方案 > AG Grid React 图表工具栏不显示图表工具栏

ag-grid - AG Grid React 图表工具栏不显示图表工具栏

问题描述

我们最近将 ag-grid-react 升级到版本 23.0.0 并启用了图表，但我注意到我们没有像在演示中那样在汉堡菜单下呈现图表工具栏. 我已按如下方式导入/配置网格：

import 'ag-grid-enterprise/dist/styles/ag-grid.css';
import 'ag-grid-enterprise/dist/styles/ag-theme-balham-dark.css';
import 'ag-grid-enterprise';
import { AgGridReact } from 'ag-grid-react';

// ... component definition things as referenced in props below

<AgGridReact
  defaultColDef={columnDefs.defaultColDef}
  columnTypes={columnDefs.columnTypes}
  columnDefs={cols}
  rowData={rows.length ? rows : null}
  enableRangeSelection
  groupMultiAutoColumn
  groupDefaultExpanded={2}
  groupHideOpenParents
  suppressAggFuncInHeader
  resizable
  sortable
  animateRows
  pivotMode={prefs.pivotMode}
  suppressLoadingOverlay
  statusBar={this.state.statusBar}
  onGridReady={this.onGridReady}
  autoGroupColumnDef={{ cellRendererParams: { suppressCount: true } }}
  getContextMenuItems={this.getContextMenuItems}
  enableCharts
/>

结果的屏幕截图：工具栏呈现，但我们没有菜单来更改文档和演示中右侧的数据/设置。我不确定我是否遗漏了网格配置中的某些内容，或者我是否遗漏了一些特定于图表的导入。任何帮助，将不胜感激！

标签： ag-gridag-grid-react

解决方案

我自己找到了解决方案，在我们的 package.json 中有一个从旧的 ag-grid 中包含的冲突样式，该样式与样式冲突

推荐阅读