Sparklines in Dash AG-Grid

Dash Python
1

Hi,

I’d like to enable sparklines in Dash AG Grid which are available in AG Grid (JavaScript Data Grid: Sparklines Overview).

Though when I input ‘agSparklineCellRenderer’ as a cellRenderer in my column definitions, nothing happens.
Could you please help me?

Best,
Yoann

2

Hi @yoann_diep !

Sparklines is an AG Grid Enterprise feature, see:

2 Likes
3

I will also point out that you can use a custom component built around the dcc.Graph, there is an example here:

You’re also not just limited to dash/ag-grid components, you can use different things like chartjs, etc.

3 Likes
4

Cheers jinnyzor,

I’ve indeed seen it in the docs but didn’t manage to make it work. I’d like to have a bar chart like this in the cell.
image

Could you please advise me on how to make it work? In particular, I don’t want it to be triggered with click_data.

Thx,
Yoann

5

Sure, if you are only going to do something like that, you could check out something like a progress chart:

Scroll down to the progress section.

1 Like
6

Thank you very much!

1 Like