qcharts-react
安装
npm
npm i spritejs @qcharts/core qcharts-react
CDN
在 HTML 文件依次引入 spritejs
、@qcharts/core
和 qcharts-react
绘制
{ const data = value: 6100 label: 'TOP1' value: 5200 label: 'TOP2' value: 4400 label: 'TOP3' value: 3700 label: 'TOP4' value: 2800 label: 'TOP5' value: 2000 label: 'TOP6' value: 1300 label: 'TOP7' value: 400 label: 'TOP8' const dataFields = row: '*' value: 'value' text: 'label' return <QChart data=data dataFields=dataFields forceFit=true> <Bar /> <Axis /> <Axis orient='left' /> </QChart> } ReactDOM