92 lines
1.7 KiB
Markdown
92 lines
1.7 KiB
Markdown
---
|
|
components:
|
|
- rx.recharts.Label
|
|
- rx.recharts.LabelList
|
|
---
|
|
|
|
# Label
|
|
|
|
```python exec
|
|
import reflex as rx
|
|
from pcweb.templates.docpage import docgraphing
|
|
|
|
data = [
|
|
{
|
|
"name": "Page A",
|
|
"uv": 4000,
|
|
"pv": 2400,
|
|
"amt": 2400
|
|
},
|
|
{
|
|
"name": "Page B",
|
|
"uv": 3000,
|
|
"pv": 1398,
|
|
"amt": 2210
|
|
},
|
|
{
|
|
"name": "Page C",
|
|
"uv": 2000,
|
|
"pv": 5800,
|
|
"amt": 2290
|
|
},
|
|
{
|
|
"name": "Page D",
|
|
"uv": 2780,
|
|
"pv": 3908,
|
|
"amt": 2000
|
|
},
|
|
{
|
|
"name": "Page E",
|
|
"uv": 1890,
|
|
"pv": 4800,
|
|
"amt": 2181
|
|
},
|
|
{
|
|
"name": "Page F",
|
|
"uv": 2390,
|
|
"pv": 3800,
|
|
"amt": 2500
|
|
},
|
|
{
|
|
"name": "Page G",
|
|
"uv": 3490,
|
|
"pv": 4300,
|
|
"amt": 2100
|
|
}
|
|
]
|
|
|
|
|
|
|
|
brush_example = """rx.recharts.bar_chart(
|
|
rx.recharts.bar(
|
|
rx.recharts.label_list(data_key="uv", position="top"),
|
|
data_key="uv",
|
|
stroke="#8884d8",
|
|
fill="#8884d8"
|
|
|
|
),
|
|
rx.recharts.bar(
|
|
rx.recharts.label_list(data_key="pv", position="top"),
|
|
data_key="pv",
|
|
stroke="#82ca9d",
|
|
fill="#82ca9d"
|
|
),
|
|
rx.recharts.x_axis(
|
|
data_key="name"
|
|
),
|
|
rx.recharts.y_axis(),
|
|
margin={"left": 10, "right": 0, "top": 20, "bottom": 10},
|
|
|
|
data=data)"""
|
|
```
|
|
|
|
`rx.recharts.label`and `rx.recharts.label_list` add in labels to the graphs. `rx.recharts.label_list` takes in a `data_key` where we define the data column to plot.
|
|
|
|
```python eval
|
|
docgraphing(
|
|
brush_example,
|
|
comp = eval(brush_example),
|
|
data = "data=" + str(data)
|
|
)
|
|
```
|