chart.js 不同数据范围的工具提示

Question

我正在使用 chart.js（带有 angular-charts 指令），但我遇到了不同数据集 sizez 的问题。我必须在时间线中的折线图中显示一些值。所以我的数据结构是这样的：

datasets : [
  [ {"x" : date1, "y" : 2 }, {"x" : date1, "y" : 5 } ..], //first dataset
  [ {"x" : date2, "y" : 3 }, {"x" : date4, "y" : 7 } ..] //second one
]; 

其中 date1、date2、.. date4 是时刻日期，y 是随机值。 现在，如果第一个数据集具有与第二个数据集相同数量的值，则一切正常。但是，如果我有不同的数据集大小（例如，第一个具有昨天和今天的值，第二个具有今天和明天的值），那么图例工具提示是完全错误的。它始终显示每个系列的 NTH 值，即使它们在不同的日期。用语言解释有点困难，英语不是我的语言。我在这里留下不言自明的截图：

如何避免这种行为？

Answer 1

以防万一它对其他开发人员有所帮助，我已经设法解决了数据规范化的问题。 IE。我已经从以下位置转换了我的数据：

[ 
  [{"x" : date1, "y" : valueA }, {"x" : date2, "y" : valueB }, {"x" : date3, "y" : valueC }],
  [{"x" : date3, "y" : valueD }, {"x" : date4, "y" : valueE }]
]

到：

[ 
  [{"x" : date1, "y" : valueA }, {"x" : date2, "y" : valueB }, {"x" : date3, "y" : valueC }, {"x" : date4, "y" : undefined }],
  [{"x" : date1, "y" : undefined }, {"x" : date2, "y" : undefined },{"x" : date3, "y" : valueD }, {"x" : date4, "y" : valueE }]
]

因此，每个数据集包含相同数量的元组，这是合并第一个数据集和第二个数据集的日期并删除重复项的结果。