相关疑难解决方法(0)

D3.js图表​​:IE11上没有显示的标签(<text>标签)

我有一个堆积条形图,其<text>标签不会在IE上显示,但会在Chrome和Firefox上显示.

我在堆积条形图上的标签是轴和图例的一部分.这是页面加载时的样子.

截图 图表的文本实际上会加载,但只有在我与它交互后才会加载.如果我做以下任何一项......

  • 单击/右键单击图表上的任意位置
  • 将鼠标悬停在某个栏上(触发我设置为显示的工具提示)
  • 调整窗口大小

...出现图例和轴上的图表标签.

我正在使用viewbox,这可能是这里的问题,因为我知道当viewbox和IE放入同一个底池时会发生一些黑魔法.

编辑:在我看来,这是一个已存在的问题.看到这里这里.

更新:我不得不改变它在页面上的位置(我没有编辑CSS或JS),现在标签显示加载但是当窗口上的任何其他更改时消失(例如完全无关的事件被触发,窗口重新调整大小等).如前所述,如果我以任何可能的方式与其进行交互,标签将再次出现.更改了问题标题以反映这一点.

TL; DR:

搬家前:

  • 隐藏的onload
  • 在给予关注时显示(例如点击)

搬家后:

  • 显示onload
  • 调整窗口大小时隐藏
  • 在给予关注时显示(例如点击)
  • 从第2步开始重复

为了避免混淆,图表的标签不会隐藏,如果我在它们已经显示后点击它,IE似乎很快就会玩躲猫猫.但是,如果我调整窗口大小或更改页面上的其他内容,它会让我生气,因为我会注意其他内容并再次隐藏标签,直到我点击它或将鼠标悬停在栏上.

编辑2:这是被诅咒的图表在得到所需的关注时的样子.

带有标签的图表

编辑3:还有另外一个问题,似乎我最初的想法是正确的:这是viewbox这是造成这一点.

javascript internet-explorer d3.js

16
推荐指数
1
解决办法
1483
查看次数

标签 统计

d3.js ×1

internet-explorer ×1

javascript ×1