Highchart在react中使用雷达图

react中引入Highchart的雷达图时,在import中要有以下的写法:
github解决方案: https://stackoverflow.com/questions/33241358/how-to-import-highcharts-with-webpack-and-babel

补充一个问题,在同一个react项目中,highchartsMore(Highcharts)只能使用一次,否则可能造成雷达图错乱,解决办法是将所有的雷达图绘制代码放到同一个文件中去

// 雷达图的用法
import Highcharts from 'highcharts';
import highchartsMore from 'highcharts-more';
highchartsMore(Highcharts); // 这样包裹一下就ok了

// 下面是treemap的用法
import Highcharts from 'highcharts';
import heatmaps from 'highcharts/modules/treemap';
import treemaps from 'highcharts/modules/map';

treemaps(Highcharts);
heatmaps(Highcharts);

你可能感兴趣的:(前端)