【玩玩前端】Solr索引名过长，建议缩略显示

Solr索引名过长，建议显示缩略和title全名

1. 直接在Web页面调整DOM标签text的样式，使得自动缩略 -> 页面上直接调整是可见的
2. js中通过append(‘text’)不会自动缩略 -> svg标签需要添加foreignObject包装一层，但是元素突然不显示了
3. 发现用到了d3.js类库，d3还要求html标记以xhtml作为前缀 -> 正常显示缩略和title全名

node.append('foreignObject')
    .attr('width', '180')
    .attr('height', '19')
    .append('xhtml:text')
    .attr('dx', function (d) {
        return 0 === d.depth ? -8 : 8;
    })
    .attr('dy', function (d) {
        return 5;
    })
    .attr('text-anchor', function (d) {
        return 0 === d.depth ? 'end' : 'start';
    })
    .attr('title', helper_node_text)
    .attr('style', 'overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: block; width: 180px; padding-left: 5px;')
    .text(helper_node_text);