AG Grid React 图表工具栏不显示图表工具栏
AG Grid React Chart Toolbar not displaying Chart toolbar
我们最近将 ag-grid-react 升级到版本 23.0.0 并启用了图表,但我注意到我们没有在汉堡菜单下呈现图表工具栏,因为它将在演示中。我 imported/configured 网格如下:
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
/>
结果截图:工具栏呈现,but we don't have the menu to change data/settings along the right hand side that are found in the Documentation and demos。我不确定我是否遗漏了网格配置中的某些内容,或者我是否遗漏了一些特定于图表的导入。如有任何帮助,我们将不胜感激!
我自己找到了解决方案,在我们的 package.json 中有一个与样式冲突的旧 ag-grid 包含的样式冲突
我们最近将 ag-grid-react 升级到版本 23.0.0 并启用了图表,但我注意到我们没有在汉堡菜单下呈现图表工具栏,因为它将在演示中。我 imported/configured 网格如下:
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
/>
结果截图:工具栏呈现,but we don't have the menu to change data/settings along the right hand side that are found in the Documentation and demos。我不确定我是否遗漏了网格配置中的某些内容,或者我是否遗漏了一些特定于图表的导入。如有任何帮助,我们将不胜感激!
我自己找到了解决方案,在我们的 package.json 中有一个与样式冲突的旧 ag-grid 包含的样式冲突