图例复制

Question

我有以下实现，它是功能性的。

我想知道如何在我当前的实现中修复图例的副本。请关注fname="NY"

for (var i=0;i<e.series.data.length;i++){
  if (e.series.data[i].valueColor != "" && e.series.data[i].fname != "") {
    color = e.series.data[i].valueColor,
    legendName=e.series.data[i].fname
  }
}

FIDDLE

Answer 1

通过记录您绘制图表的数据，您可以看到为 6 个项目调用了代码。如果您将category 添加到标签，您可以看到正在为男性和女性的项目创建图例：

您应该调试实际生成标签的数据结构。

http://jsfiddle.net/xmufd8t0/1/ 在控制台中显示：

您使用此循环的方式似乎存在问题：您总是采用e.series.data 中的最后一个元素。如果你想要第一个非空的fname，你应该在设置legendName 之后有一个break;。否则它会取数组中非空的最后一项。

无论如何 - 要回答您的问题，您需要像 @honerlawd 在他的评论中提到的那样进行重复数据删除。这是重复数据删除修复：

// outside your function, where you have `debugger`
var dedupes = {};

....

// skip labels that have already been added
if (dedupes.hasOwnProperty(legendName)) {
    return;
}
dedupes[legendName] = 1;