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 }]; } });
这样就可以了