ucharts里面tooltip自定義提示換行的問題


使用uni-app開發的項目,要用到圖表展示,自然地引用 了推薦了ucharts。發現坑還是有,自定義提示不能換行,加什么 \r \n br的都是試過了不行。

文檔里面也沒有提到如何換行(至少我是找不到),但是文檔里面有說到 textList的屬性,這個添加后format里面的自定義提示不起作用了。。好吧,

那只能從textList里面入手,該屬性如何:

是一個數組,text就是顯示的文字,數組里面多少項,提示時會換多少行。所以 我的思路就是定義一個textList,再format時動態更改;方法如下

        canvaColumn.showToolTip(e, {
                textList: [{ text: '日期:'}, { text: 'OEE:' }],
                format: function(item, category) {
                    this.textList = [{ text: 'OEE : ' + item.data.value + '%' }, { text: '日期 : ' + item.data.day }];
                }
            });

這樣就可以了

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM