使用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 }]; } });
這樣就可以了