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

Question

我使用 d3.js 构建了一个多行焦点+上下文可视化，并使用来自 this 的代码制作了一个图例。我一直在玩 dimple.js (here!) 中的交互式图例示例，并尝试将代码添加到我已经存在的代码中，但是出现了一个错误，上面写着“e.aggField”未定义。这个错误是因为我没有使用dimple.js制作散点图，还是我已经拥有的图例代码不适用于我试图放入的交互式部分？谢谢！

Answer 1

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

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

例如，最上面的气泡将有一个数据行，其 aggField 值为：

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

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