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 }];
                }
            });

这样就可以了

 

posted @ 2020-06-04 14:22  H柷H  阅读(7777)  评论(0编辑  收藏  举报