使用dimple.js进行焦点+上下文的交互式图例

Question

我使用d3.js构建了一个多线焦点+上下文可视化，并使用this的代码制作了一个图例。我一直在使用来自dimple.js（here!）的交互式图例示例，并尝试将代码添加到我已有的代码中，但是出现了一个错误，它出现了＆＃34; e.aggField＆ ＃34;没有定义。这个错误是因为我没有使用dimple.js制作散点图，或者我已经拥有的图例代码不适用于我尝试放入的交互式部分吗？谢谢！

Answer 1

是的，凹坑示例假设您使用了凹坑，因此存在凹坑的场结构。您应该能够修改代码，但是，aggfield只包含一系列字符串，通过这些字符串对系列进行分解。所以在dimple示例中因为系列被定义为：

 myChart.addSeries(["SKU", "Channel", "Owner"], dimple.plot.bubble);

例如，最顶端的气泡将具有一个aggField值为的数据行：

["Theta 18 Pack Standard", "Hypermarkets", "Black Mesa"]

您只需要替换代码即可使用数据集中的相应值。