以前也用過ECharts(不得不說，這真的是百度的良心產品)，但是都是一些簡單的示例。這次因爲工作的需要，做了很多表格，對ECharts有了更加深刻的理解，現在來總結一下。
- 第一個肯定是新手經常遇到的問題，就是，我做的表格壓根就沒有顯示。頁面還是一片空白，這個時候，通常要檢查元素。用來顯示錶格的div中，有沒有canvas這個標籤。如果沒有的話，肯定是在初始化的時候，ECharts沒有讀取到要顯示的位置。這個時候，可以做一個簡單的檢測，就是在渲染表格之前看看能不能活得要顯示的區域的寬高。如果有這個canvas這個標籤，但是沒有顯示的內容的話，肯定是option中就配置錯誤了，或者數據格式化錯誤了，需要自己另行檢查了。
- 第二個，圖表顯示的時候，可能有的時候會超出顯示的區域，這個時候，最簡單的辦法就是調整要顯示錶格的DIV的大小，如果這樣還是不行的話，EChats中有一個屬性是能改變。就是grid屬性。下面附上鍊接。可以簡單的設置一下grid中的left，right，top，bootom等等，讓表格能正確的顯示到DIV中，不至於超出。
- 第三個，就是我們想要格式化Y軸顯示的數值，或者說，添加單位等一系列的操作。添加一個formatter操作。如果想格式化X軸的話，也是一樣的。
- 還有就是，我們想實現區域的縮放功能，也是需要在option中添加一個屬性，dataZoom。他是能自動適配移動端和PC端鼠標滾輪的。
- 最後一個其實就是網上提問很多的問題，就是，我們需要旋轉屏幕。最常見的就是在移動端，當我們的數據比較多的時候，就需要橫屏展示。網上很多答案因爲是比較老的ECharts版本，導致了很多以外的問題，但是我自己用的是官網上的最新版本（4.8.0），是沒有問題的。所以現在就比較簡單了。大家直接引入最新的版本，然後旋轉最外層的DIV，然後直接鋪數據就可以了。不會有toolTip問題了。我放上一個我旋轉的css代碼。僅供參考
1 #horizontalScreen{ 2 transform: rotate(90deg); 3 transform-origin: bottom left; 4 position: absolute; 5 top: -100vw; 6 height: 100vw; 7 width: 100vh; 8 background-color:#FFF; 9 z-index: 100; 10 }
下面是截圖：
