使用mapAs数据集的多批注verticalLines

Question

我想在图形中添加垂直线作为有趣事件的标记。

添加多行代码的唯一方法是定义多个controller.verticalLine注释，如

controller.verticalLine({
xAnchor: "2007-09-23"
});

controller.verticalLine({
xAnchor: "2008-10-23"
});

你能做得更好吗？

controller.verticalLine([{
 xAnchor: "2007-09-23"
},
{
 xAnchor: "2007-10-23"
},
{
 xAnchor: "2007-11-23"
 }]);

或者更好的方法是使用mapAs传递数据集，其中映射中的每个值都是一个xAnchor值？

var mapping = dataTable.mapAs({"value": 4});
controller.verticalLine(mapping);

谢谢

Answer 1

可以使用自定义字段从dataset中定义行，并使用get()方法：https://api.anychart.com/latest/anychart.data.Mapping#get从数据中获取它们

mapping.get(i, "anchor"),

如图所示：https://jsfiddle.net/osub60ck/