D3.js图表:IE11上没有显示的标签(<text>标签)
Far*_* A. 16 javascript internet-explorer d3.js
我有一个堆积条形图,其<text>标签不会在IE上显示,但会在Chrome和Firefox上显示.
我在堆积条形图上的标签是轴和图例的一部分.这是页面加载时的样子.
图表的文本实际上会加载,但只有在我与它交互后才会加载.如果我做以下任何一项......
- 单击/右键单击图表上的任意位置
- 将鼠标悬停在某个栏上(触发我设置为显示的工具提示)
- 调整窗口大小
...出现图例和轴上的图表标签.
我正在使用viewbox,这可能是这里的问题,因为我知道当viewbox和IE放入同一个底池时会发生一些黑魔法.
更新:我不得不改变它在页面上的位置(我没有编辑CSS或JS),现在标签显示加载但是当窗口上的任何其他更改时消失(例如完全无关的事件被触发,窗口重新调整大小等).如前所述,如果我以任何可能的方式与其进行交互,标签将再次出现.更改了问题标题以反映这一点.
TL; DR:
搬家前:
- 隐藏的onload
- 在给予关注时显示(例如点击)
搬家后:
- 显示onload
- 调整窗口大小时隐藏
- 在给予关注时显示(例如点击)
- 从第2步开始重复
为了避免混淆,图表的标签不会隐藏,如果我在它们已经显示后点击它,IE似乎很快就会玩躲猫猫.但是,如果我调整窗口大小或更改页面上的其他内容,它会让我生气,因为我会注意其他内容并再次隐藏标签,直到我点击它或将鼠标悬停在栏上.
编辑2:这是被诅咒的图表在得到所需的关注时的样子.
编辑3:还有另外一个问题,似乎我最初的想法是正确的:这是viewbox这是造成这一点.
小智 1
这可能是一个愚蠢的解决方法，但是否考虑过运行一个“单击”图表或给予其关注的函数？
我曾经需要一个对象的基状态类处于非活动状态，但我也希望第一个实例处于活动状态。这有点烦人，所以我只做了一个小功能，仅使用一次来单击并在加载时更改为活动状态，但之后实例将底座设置为非活动状态。
我会考虑对图表做类似的事情，它不应该影响任何其他浏览器，因为它们无论如何都会以正确的格式加载。