Question

我尝试的方法与此question相同，举个例子，我去使用相同的问题代码（问题基本相同，但答案对IE9不好））。

我有这段代码：

var bars = svg.selectAll(".bar")
.data(data)
.enter().append("rect")
.attr("class","bar")
.append("title").text(function(d){ return "Line One X:" + d.x + "\nLine Two Y:" + d.y});

它适用于chrome和firefox，但IE忽略换行符。我尝试了更多这样的事情：

var titulo = svg.append("svg:title");
titulo.append("tspan").text("AA");
titulo.append("br");
titulo.append("tspan).text("BB");

这里IE再次完全忽略了br。

IE11的友好解决方案是这样的：

＆＃13;

tspan:nth-child(2n) {
  display: block;
}

＆＃13;

<svg width="100" height="100">
    <rect fill="red" x="0" y="0" width="50" height="50">
      <title><tspan>This is line 1</tspan>
<tspan>This is line 2</tspan>
<tspan>This is line 3</tspan>
<tspan>This is line 4</tspan></title>
    </rect>
  </svg>

＆＃13;

但是答案的主人说

不幸的是，它仍然在IE9-10中呈现为单行

我需要一个在IE9中运行的解决方案。

用于IE9中SVG元素的D3多行工具提示

0 个答案: