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