如何为每个数据点传递自定义工具提示:Highcharts

我正在尝试为折线图中的每个数据点添加自定义工具提示。我尝试传递给此折线图的数据具有以下格式:

我从API收到的数据

[
  {
     old : "1",
     current : "2",
     oldtime : "1586217600000"
     newtime: "1583625600000"
  },
  {
     old : "2",
     current : "3",
     oldtime : "1596217600000"
     newtime: "1583625600000"
  },
  {
     old : "4",
     current : "7",
     oldtime : "1581217600000"
     newtime: "1583185600000"
  }
]

将它们转换为以下方式后,我能够将旧的和当前的两个折线图

[ 
  {
    "name" : "old"
    "data" : [1,2,4]
  },
  {
    "name" : "current"
    "data" : [2,3,7]
  },
]

我能够获得这些折线图的工具提示,其中显示每个点的旧值和当前值。现在,我想要的是如何转换api数据以获得自定义工具提示,该提示包括每个数据点的旧,当前,旧时间,新时间值。

我正在使用以下功能来转换数据

  createLineChart = graphData => {
    let data = [],old = [];
    graphData.forEach(elem => {
      old.push(elem.old);
      current.push(elem.current);
    });
    data.push({ name: "BASELINE", data: old });
    data.push({ name: "CURRENT", data: current });
    return data;
  };

Code sandbox: https://codesandbox.io/s/react-line-chart-n9g6o

评论