0
我有以下的HTMLD3更新工具提示HTML
<div id="tooltip" className="hidden">
<table>
<thead>
<tr>
<td colSpan="3">
<strong id="headDate"></strong>
</td>
</tr>
</thead>
<tbody id="toolTipBody">
</tbody>
</table>
</div>
下方的D3代码是工作的罚款:
// ToolTip
d3.select('#tooltip')
.classed("hidden", false)
.style("left", d3.event.pageX + "px")
.style("top", d3.event.pageY + "px")
.select('#headDate').text(d0.date);
我需要注入/从D3追加HTML刀尖进入#toolTipBody元素。它需要是动态的行数和行数可以改变(否则我可以硬编码的HTML和只使用D3。选择&。文本进行更新。
如何添加说以下内容#toolTipBody
<tr>
<td className="legend-color-guide"><div></div></td>
<td id="key">1.0E-6MHz</td>
<td id="value">46.50</td>
</tr>
感谢 亚当
什么是触发提示的人口的动作(和你有可视化的模型或屏幕截图)? –
也,我看到你正在使用'className',所以我假设你正在使用React? –
是的使用反应...我会添加一个截图...将添加所有的代码,但大多数是不相关的。 – Adam