NVD3 angularJS,无法将日期/时间列添加到自定义工具提示

时间:2020-03-13 22:05:39

标签: tooltip nvd3.js angular-nvd3

我将数据点推入名为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);
           }
      }
 }

我看过其他相关的文章,但似乎都没有针对这个特定案例。

0 个答案:

没有答案
相关问题