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);