1. 程式人生 > >require.js載入highcharts.js/exporting.js實現圖表的繪製和圖片檔案功能的匯出

require.js載入highcharts.js/exporting.js實現圖表的繪製和圖片檔案功能的匯出

第一步:在require.js的做資料檔案中(data-main)對應的檔案中進行require.config配置,程式碼如下:

require.config({
    paths: {
        'highcharts': '../libs/highcharts/Highcharts-6.1.2/code/highcharts',
        'exporting': '../libs/highcharts/Highcharts-6.1.2/code/modules/exporting'
    },
});

第二步:在對應的頁面的js檔案中進行初始化以及繪圖,程式碼如下:

 //初始化模組,*這一步很重要*
 Exporting(Highcharts);
  //設定highcharts屬性值
 Highcharts.setOptions({
  //你的配置
     });
 //繪製餅圖
 $('#alert-pie').highcharts({
 //你的繪圖選項
     });