我将数据点推入名为valueAndLabelCollection的数组中,该数组除了标准的x和y对坐标外,还具有第三个成员-标签。标签是保存日期/时间的内容,并最终显示在x轴上。一切正常,但我无法访问自定义工具提示中的“标签”成员。
valueAndLabelCollection.push({ x: i, y: graph[i].y, label: graph[i].timeStamp });
以下是数据:
$scope.data =
[
{
values: valueAndLabelCollection,
key: 'graph key',
color: graphColor,
strokeWidth: graphStrokeWidth,
area: false
}
]
这是$ scope.options中的InteractiveLayer块。同样,一切正常,我可以看到我的自定义工具提示,但是我无法将valueAndLabelCollection中每个数据点的“标签”作为此工具提示的第三列。
interactiveLayer: {
tooltip: {
contentGenerator: function (d) {
var customTooltipcontent = "";
customTooltipcontent += "<table class='custom-tooltip-table'>";
for (var i = 0; i < d.series.length; i++) {
customTooltipcontent +=
"<tr><td><div style='width:10px;
height:10px; background:" + d.series[i].color + "'></div></td>
<td>" + d.series[i].key + "</td><td>" + d.series[i].value + "
</td></tr>";
}
customTooltipcontent += "</table>";
return (customTooltipcontent);
}
}
}
我看过其他相关的文章,但似乎都没有针对这个特定案例。