How to realize this type of bar chart in react antd management background

1. The demand for the product. Directly above the picture

clipboard.png
2.canvas is weak, can not find the direction, is there a boss, give some advice, or similar demo reference, thank you very much!

Apr.15,2022

this kind of chart cannot be implemented by itself.

there are many libraries dedicated to displaying charts on the Internet.

I usually use echarts

of Baidu.

but since you are using ant as the management background, you might as well use his recommended BizCharts , which should also meet the needs and follow the overall style of ant .

https://pro.ant.design/docs/graph-cn

bizCharts official website

https://bizcharts.net/products/bizCharts

MySQL Query : SELECT * FROM `codeshelper`.`v9_news` WHERE status=99 AND catid='6' ORDER BY rand() LIMIT 5
MySQL Error : Disk full (/tmp/#sql-temptable-64f5-1e9ff5e-6920c.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
MySQL Errno : 1021
Message : Disk full (/tmp/#sql-temptable-64f5-1e9ff5e-6920c.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
Need Help?