Create a field with datafram data

Dash Python
1

Hi,

How to create a field like the image shown? All the amount display are extract from the dataframe.

image

Data table:

Date Sale
01/08/2022 500
02/08/2022 600
03/08/2022 1600
04/08/2022 1500
05/08/2022 1200
06/08/2022 1100
07/08/2022 2000
08/08/2022 2500
09/08/2022 1790
10/08/2022 2600
11/08/2022 2530
12/08/2022 1170
13/08/2022 910
14/08/2022 2800
15/08/2022 2500
16/08/2022 2550
17/08/2022 2780
18/08/2022 1670
19/08/2022 3000
20/08/2022 2000
21/08/2022 5000
22/08/2022 1900
23/08/2022 1700
24/08/2022 600
25/08/2022 900
26/08/2022 1750
27/08/2022 2000
01/09/2022 1000
02/09/2022 1100
03/09/2022 1600
04/09/2022 1500
05/09/2022 1200
06/09/2022 1100
07/09/2022 2000
08/09/2022 2500
09/09/2022 1790
10/09/2022 2600
11/09/2022 2530
12/09/2022 1170
13/09/2022 4910

Date:
01/08/2022, 02/08/2022, 03/08/2022, 04/08/2022,05/08/2022,06/08/2022,07/08/2022,08/08/2022,09/08/2022,10/08/2022,11/08/2022,12/08/2022,13/08/2022,14/08/2022,15/08/2022,16/08/2022,17/08/2022,18/08/2022,19/08/2022,20/08/2022,21/08/2022,22/08/2022,23/08/2022,24/08/2022,25/08/2022,26/08/2022,27/08/2022,01/09/2022,02/09/2022,03/09/2022,04/09/2022,05/09/2022,06/09/2022,07/09/2022,08/09/2022,09/09/2022,10/09/2022,11/09/2022,12/09/2022,13/09/2022

Sale: 500,600,1600,1500,1200,1100,2500,1790,2600,2530,1170,910,2800,2500,2550,2780,1670,3000,2000,5000,1900,1700,600,900,1750,2000,1000,1100,1600,1500,1200,1100,2000,2500,1790,2600,2530,1170,4910

2

This isn’t really a field you are looking for. I would start with building the layout and aligning the components to match your image. Once that is done, you are simply running pandas functions to get the appropriate values. I can’t respond on your callbacks or other components since all you provided was an image and a sample data frame…