Hi!

You can inject a JSX in your row to add a graph in a cell. I.e.:

const [advancedData, setAdvancedData] = useState({
columns: [
  { label: 'Name', field: 'name', sort: true },
  { label: 'Position', field: 'position', sort: false },
  { label: 'Office', field: 'office', sort: false },
  { label: 'Age', field: 'age', sort: false },
  { label: 'Start date', field: 'date', sort: true },
  { label: 'Salary', field: 'salary', sort: false },
],
rows: [
  {
    name: <span className='small'>Tiger Nixon</span>, //here is an injection
    position: 'System Architect',
    office: 'Edinburgh',
    age: 61,
    date: '2011/04/25',
    salary: '$320,800',
  },
  ...
]});

If you need a graph in another place I'm afraid we don't support that by default. You can use an useEffect hook and append your graph in the place you want but we don't guarantee it will work.

Keep coding!