Отображение имени метки вместо значения для гистограммы - PullRequest
Новая
       27

Отображение имени метки вместо значения для гистограммы

0 голосов
/ 04 августа 2020

У меня есть столбчатая диаграмма, и я хочу отобразить метку поверх гистограммы, например:

enter image description here

Unfortunetely barcharts only seem to be handed a very limited entry object. This is what I have:

Data

const 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: 9800, 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 },
];

Chart


     {data.map((entry, index) => }

renderLabel()

renderLabel(entry) {
    console.log(entry)
    return (

The entry for the barchart looks like this

content: ƒ renderLabel(entry)
fill: "#FEF6E3"
height: 30
index: 1
offset: 5
style: {paddingTop: "5rem"}
value: 1398
viewBox: {x: 20, y: 95, width: 76.89000000000001, height: 30}
width: 76.89000000000001
x: 20
y: 95

Im not sure if there is any way I could get access to the name property of the data point in the label?

This question has been answerd для круговой диаграммы .

Но запись то, что метка PieChart передается, кажется более явной, содержащей полные данные, представляемые как свойство полезной нагрузки.

...