tooltip多行文字溢出显示省略号echarts 折线配置项内容和展示

chrome浏览器上tooltip里多行文字溢出怎样显示省略号

配置项如下
      option = {
    title: {
        text: 'Awesome Chart'
    },
    xAxis: {
        data: ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat']
    },
    tooltip: {
        show: true,
        formatter: function(params) {
            let tipHtml = ''
            tipHtml = '<div style="width:100px;height:36px;line-height:18px;font-size:12px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient: vertical;overflow: hidden;">多行文本溢出多行文本溢出多行文本溢出多行文本溢出多行文本溢出多行文本溢出多行文本溢出多行文本溢出多行文本溢出多行文本溢出</div>'
            return tipHtml
        }
    },
    yAxis: {},
    series: [{
        type: 'line',
        data: [220, 182, 191, 234, 290, 330, 310]
    }]
};
    
截图如下