在svg中text标签不接受css {text-overflow: ellipsis}属性只能采取折中方法将text标签变为foreignObject,在将css属性设置在foreignObject上就可以起到隐藏超出文字等效果
foreignObject标签里可以嵌套html别的标签
.append('foreignObject')
font-size: 12px;
height: 17px;
width: 220px;
overflow