qcharts-react

> 基于 QCharts 封装的 React 图表组件库。使用上基本与 QCharts 一致。 → 详细文档

安装

$3

``shell
npm i spritejs @qcharts/core qcharts-react
`

$3

在 HTML 文件依次引入 spritejs、@qcharts/core 和 qcharts-react

`html



`

绘制

`javascript
import React from 'react'
import ReactDOM from 'react-dom'
import { Chart, Bar, Axis } from 'qcharts-react'

function App() {
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 (





)
}

ReactDOM.render(, document.querySelector('#app'))
``