highcharts-for-react
v0.0.4
Published
highcharts的简单封装
Downloads
4
Readme
highcharts-for-react
对 highcharts 的 的简单封装。
使用示例
import { Highcharts, HighchartsStock, HighchartsMap } from 'highcharts-for-react';
//或
import Highcharts from 'highcharts-for-react/lib/Highcharts';
<Highcharts
afterFristRender = {(chart, options) => {console.log(chart);}} //第一次渲染完成之后
afterRender = {(chart, options) => {console.log(chart)}}//渲染完成之后
beforeFristRender = {(options) => {console.log(options)}}//第一次渲染完成之前
beforeRender = {(options) => {console.log(options)}}//渲染之前
options = {{
chart: {
type: 'bar'
},
title: {
text: '我的第一个图表' // 标题
},
xAxis: {
categories: ['苹果', '香蕉', '橙子'] // x 轴分类
},
yAxis: {
title: {
text: '吃水果个数' // y 轴标题
}
},
series: [{ // 数据列
name: '小明', // 数据列名
data: [1, 0, 4] // 数据
}, {
name: '小红',
data: [5, 7, 3]
}]
}}
/>
API
拥有三个输出对象
- Highcharts 基础图表
- HighchartsStock 堆叠效果图
- HighchartsMap 地图
afterFristRender: Function(chart, options)
第一次渲染完成之后调用的钩子函数,返回参数有,当前chart对象,以及当前options。
afterRender: Function(chart, options)
渲染完成之后调用的钩子函数,返回参数有,当前chart对象,以及当前options。
beforeFristRender: Function(options)
第一次渲染完成之前调用,返回参数为当前options。
beforeRender: Function(options)
渲染完成之前调用,返回参数为当前options。
options
chart 的详细配置。