微信 echarts插件裏的圖表不顯示的其中一個原因

使用中遇到的一個小坑。 在github下載代碼示例演示出來都好好的， 怎麼把e-canvas放到我項目目錄下使用時，圖表就顯示不出來？  哪怕我把demo的頁面的代碼原樣拷貝過來都不行。。。

 

結果發現是一個關鍵的css 必須要有 就是 <view class="container">  主要就是這個container的設置必須要有

官方是這樣定義的

.container {

    position: absolute;

    top: 500rpx;

    bottom: 0;

    left: 0;

    right: 0;

  

    display: flex;

    flex-direction: column;

    align-items: center;

    justify-content: space-between;

    box-sizing: border-box;

  } 

 

主要是官方的代碼 這個css寫在了app.wxss全局樣式裏面 ，所以示例頁面Demo的wxss文件中沒有這個定義，所以無論我怎麼拷貝代碼過來在我項目中就是出不來。。。