echarts 移動端豎著顯示效果實現(xiàn)
更新時間：2023年07月25日 15:04:41 作者：三水
這篇文章主要為大家介紹了echarts 移動端豎著顯示效果實現(xiàn)示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪
echarts在移動端豎著顯示
（非豎屏切換）讓用戶看到更多的數(shù)據(jù)。
最終效果：
遇到的問題：
toolTip（文字）與y軸平行顯示
看過官方文檔后思路：
1、extraCssText配置屬性（未解決）
extraCssText: 'transform:rotate(90deg) !important;transform-origin: center;',
2、formtter（未解決）
formatter() {
return `<h1>6</h1>`
},以上都不行，因為toolTip始終會動態(tài)計算位置并生成transform: translate3d(150px, 262px, 0px);
3、搞不定父元素，就搞定子元素（解決）
解決父元素必須考慮兩個問題：位置、旋轉。
這是代碼最少的解決方案。
配置項：
tooltip: {
trigger: 'axis',
className: 'tp-box',
position([left, top], params, dom, rect, size) {
return { left, top };
},
},css：
::v-deep(.tp-box ) {
background-color: transparent !important;
border: none;
box-shadow: none !important;
padding: 0 !important;
& > div {
transform: rotate(90deg) !important;
transform-origin: top left;
z-index: 9999999;
box-shadow: rgb(0 0 0 / 20%) 1px 2px 10px;
background-color: rgb(255, 255, 255);
border-width: 1px;
border-radius: 4px;
color: rgb(102, 102, 102);
padding: 10px;
}
}以上就是echarts 移動端豎著顯示效果實現(xiàn)的詳細內容，更多關于echarts 移動端豎顯的資料請關注腳本之家其它相關文章！
相關文章
這篇文章主要介紹了JavaScript作用域、作用域鏈和閉包的用法，幫助大家更好的理解和使用JavaScript，感興趣的朋友可以了解下2020-09-09
這篇文章主要介紹了微信小程序 checkbox使用實例解析,文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值,需要的朋友可以參考下2019-09-09
這篇文章主要為大家詳細介紹了原生js實現(xiàn)彈窗消息動畫，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2020-11-11
這篇文章主要為大家詳細介紹了完美的js div拖拽實例代碼,具有一定的參考價值，感興趣的小伙伴們可以參考一下2016-09-09
Dropzone.js實現(xiàn)文件拖拽上傳功能(附源碼下載)
dropzone.js是重量輕的JavaScript庫，將HTML元素設置為一個降落區(qū),并通過Ajax文件被上傳到服務器。本文給大家詳細介紹Dropzone.js實現(xiàn)文件拖拽上傳功能，需要的朋友參考下吧2016-11-11
相信大家也都發(fā)現(xiàn)了，在網(wǎng)上關于JS的變量和作用域的文章有很多，但真正能講清楚，能深入理解的文章很少。在閱讀了很多人的文章以后，我決定綜合起來，結合實際代碼，希望能夠以一個比較清楚完整的方式讓大家真正理解。有需要的朋友們下面來一起看看吧。2016-10-10
這篇文章主要介紹了JS 獲取鼠標左右鍵的鍵值方法，很簡單，但很實用，特別是在做與用戶交互相關的東西2014-10-10
這篇文章主要介紹了Bootstrap風格的zTree右鍵菜單功能，實現(xiàn)代碼分為html，css和js三部分，代碼簡單易懂，非常不錯，需要的朋友可以參考下2017-02-02
本文介紹js如何顯示最后修改時間，在頁面的文本框中顯示文件上一次被修改的時間，通過這種方法可以查看網(wǎng)頁的更新時間,有需要的朋友可以參考下2013-01-01
JavaScript+Node.js寫一款markdown解析器
這篇文章主要介紹了利用JavaScript和Node.js寫一款markdown解析器，首先編寫getHtml函數(shù)，傳入markdown文本字符串，下面更多詳細內容，需要的小伙伴可以參考一下2022-02-02