NVD3 angularJS, невозможно добавить столбец даты / времени в пользовательскую подсказку - PullRequest
Новая
       8

NVD3 angularJS, невозможно добавить столбец даты / времени в пользовательскую подсказку

0 голосов
/ 14 марта 2020

I pu sh указывает на массив с именем valueAndLabelCollection, который помимо стандартных координат пары x и y также имеет третий член - метку. Метка - это то, что содержит дату / время и что в конечном итоге отображается на оси х. Все работает нормально, но у меня возникают проблемы с доступом к элементу «label» в моей пользовательской подсказке. 

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
                    }
                ]

Это блок interactiveLayer в $ scope.options. Опять же, все работает нормально, я вижу свою пользовательскую подсказку, но у меня возникают проблемы с переносом «метки» для каждой точки данных из 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);
           }
      }
 }

Я видел другие связанные посты, но ни один из них, похоже, не рассматривал этот конкретный случай c.

...