Question

我是D3的新手，并且有一个树状图，该树状图具有我想要的静态信息，但是我希望能够添加一个功能，例如当我将鼠标悬停在一个矩形上时，原始信息（即ROE），当前，上一个）消失，并且矩形的尺寸更大，并且矩形内部是此处的信息

<h3>ROE</h3>
<table>
    <thead>
        <td>scenario</td>
        <td>current info</td>
        <td>old info </td>
    </thead>
    <tbody>
        <tr>
            <td>1</td>
            <td>scenarios.scen1</td>
            <td>previousValue</td>
        </tr>
        <tr>
            <td>2</td>
            <td>scenarios.scen2</td>
            <td>previousValue</td>
        </tr>
    </tbody>
</table>

当鼠标移到原始矩形之外时，信息应返回到其先前状态。但是，我不太确定该如何开始。在我的JS小提琴中，我使用ID“ rectangle0”，“ rectangle1”，“ rectangle2”标记了这三个矩形，每个矩形的顶部文本行分别为“ ROE.0.name”，“ FinancialLeverage.1.name”，“ ProfitMargin” .2.name”，等等。我该怎么做？所需的HTML表信息可以在“ treeData”变量中找到。我的JS小提琴在这里（https://jsfiddle.net/8h23vyd7/2/）

使用Javascript / D3在悬浮/悬浮中创建带有新数据的表

0 个答案: