在react中引入highcharts方法

Highchart在react中引入的方法为：

方法一

1.安装相关依赖

      npm install  highcharts

      Npm install highcharts-react-offical

2.在相关模块引入：

Import Hightcharts from ‘highcharts’

Import HightchartsReact from ‘highcharts-react-offical’

如果需要某些特殊模块，则需要引入：

 Import highcharts3d from ‘highcharts/highcharts-3d’

 Highcharts3d(Highcharts)//初始化这个模块

3． render这个模块

    <HighchartsReact highcharts={Highcharts} option={this.options}>

方法二：

1.安装相关依赖

    npm install  highcharts

2.在相关模块引入：

   Import Hightcharts from ‘highcharts’

3.在render模块中定义

   <div id='idname'></div>

4.在componentwillmount生命周期中定义

   Hightcharts.chart（’idname‘，{

     //highcharts各种图的参数

   }）

 

转载于:https://www.cnblogs.com/celine-huang/p/10775545.html