选择HTML表格中的行来更新图表选择？

Question

如何使用与图表关联的数据（Flotr或D3）设置HTML + JS表格;我可以在哪里多选行，这将更新图表中显示的内容？ - 我可能会使用AngularJS，因此他们的双向数据绑定可能会有所帮助......

E.g：

<table>
    <thead>
         <tr><th>Vowel</th> <th>Amount</th></tr>
    <thead>
    <tbody>
         <tr> <td>A</td> <td>3</td> </tr>
         <tr> <td>E</td> <td>6</td> </tr>
         <tr> <td>I</td> <td>7</td> </tr>
         <tr> <td>O</td> <td>8</td> </tr>
         <tr> <td>U</td> <td>9</td> </tr>
    </tbody>
</table>

能够反向也是很好的，例如：在饼图上按E和A会刷新饼图+表格。

Answer 1

http://plnkr.co/edit/x1jGW0lqKyzV7EKsVAbJ?p=preview

以下是您如何做到这一点的示例。

创建指令以将数据与DOM连接后，然后 通过模板处理数据模型很简单。

我重用了我用于其他项目的flot集成指令。 （这种'可重用性'是我喜欢的AngularJs。）