echarts詞雲圖自定義圖檔

嘗試了很多次，發現每次都缺斤少兩的，下面說一下詳細的步驟

1.選擇圖檔，一般是裡面填充的全黑，可以到iconfont下載下傳，之後随便找一個線上轉base64的網頁，将這張圖檔轉為base64格式

2.

initCloudChart(){
      let chart = echarts.init(document.getElementById("myCloudEcharts"));
      let maskImage = new Image();
      maskImage.src = "這塊放你得到的圖檔base64的序列，很長"
      let option = { 
        backgroundColor: "#ffffff",
        //1.下面就是你圖的設定，但是最關鍵的是下面的這句，一定要記得寫
        maskImage:maskImage,
        title: {
         
        },
        tooltip: {
          
        },
        series:[
        ]
      };
     //2.這裡也是需要添加的點
      maskImage.onload = function(){
        chart.setOption(option);
      }
      //多個圖檔在一個頁面的自适應
      window.addEventListener("resize",function(){
            chart.resize();
        }) ;
    }
           

3.然後重新整理儲存看效果啦