tooltip框是一個echarts自動生成的div,而他的樣式都是行內樣式,所以直接通過改變tooltip的樣式是比較麻煩的,比較輕松的一種方式是通過`formatter`來實現。
因為formatter可以返回一個div,所以我們可以通過params得到圖表的name等別的參數,然后顯示在div,通過給div一個class,然后設置css來實現tooltip的換行已經寬度控制。
當然如果在vue中使用的時候要格快注意取消css的scope屬性。
formatter: function (params) { return `<div class="toolDiv">${params[0].name}</div>` },