@51yzone/chart 中文文档教程

Question

报图组件

---

基于 highcharts 二次封装通用报图

何时使用

• h5 报图
• web 报图

浏览器支持

IE 11+

安装

npm install @51yzone/chart --save

运行

# 默认开启服务器，地址为 ：http://local:8000/

# 能在ie9+下浏览本站，修改代码后自动重新构建，且能在ie10+运行热更新，页面会自动刷新
npm run start

# 构建生产环境静态文件，用于发布文档
npm run site

代码演示

```

### highchart 二次封装

最简单的用法

jsx import '@51yzone/chart/lib/style/'; import { DoublePie, Bar, Pie } from '@51yzone/chart'; class App extends React.Component { render() { return ( <> ); } } ReactDOM.render(, mountNode);

### line 二次封装

折线图

jsx import '@51yzone/chart/lib/style/'; import { Line } from '@51yzone/chart'; class App extends React.Component { render() { return ( ); } } ReactDOM.render(, mountNode); ```

API

参数	说明	类型	默认值	是否必填
options	图表配置	Object	{}	false
callback	初始化结束回调	Function(chart: Highcharts.Chart)	-	false
className	容器节点样式类名称	string	-	false
otherProps	图表其他配置	Object	-	false