A powerful React chart library based on qcharts
npm install qcharts-react> 基于 QCharts 封装的 React 图表组件库。使用上基本与 QCharts 一致。 → 详细文档
``shell`
npm i spritejs @qcharts/core qcharts-react
在 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(
``