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);
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章