Javascript D3.extent()抛出TypeError:值不可编辑

Javascript D3.extent()抛出TypeError:值不可编辑,javascript,reactjs,d3.js,react-d3,Javascript,Reactjs,D3.js,React D3,在过去的三个小时里,我一直在为这件事挠头,如果有人能帮忙,请帮忙。我不太擅长D3和React的结合 因此,基本上,我在后端Flask应用程序中运行了一个异常检测算法,该算法以字典的形式返回值(然后通过json.dumps()转换为json对象),并使用D3在我的React应用程序上绘制 起初,我认为问题出在我的数据库上,因为该应用程序在codesandbox和我以前的所有版本中都能完美运行 这是console.log(数据)的外观: 我被告知一个问题可能是一个历元(3)和一个时间历元(151)

在过去的三个小时里,我一直在为这件事挠头,如果有人能帮忙,请帮忙。我不太擅长D3和React的结合

因此,基本上,我在后端Flask应用程序中运行了一个异常检测算法,该算法以字典的形式返回值(然后通过json.dumps()转换为json对象),并使用D3在我的React应用程序上绘制

起初,我认为问题出在我的数据库上,因为该应用程序在codesandbox和我以前的所有版本中都能完美运行

这是console.log(数据)的外观:

我被告知一个问题可能是一个历元(3)和一个时间历元(151)的不同数据点。解决了这个问题也无济于事

这是代码的样子:

const timeDomain = d3.extent(data, d=>(d.Time_Epoch*1000));
const bytesReadDomain = d3.extent(data, (d) => d.Bytes_Read);
const bytesWriteDomain = d3.extent(data, (d) => d.Bytes_Write);
const bytesSentDomain = d3.extent(data, (d) => d.Bytes_Sent);
const bytesRecvDomain = d3.extent(data, (d) => d.Bytes_Recv);

此部分抛出错误。

数据是一个对象,而不是数组

d3.extent
需要一个数组作为第一个参数,而
d3.extent
中的第二个函数是可选的键函数。该函数对每个数组元素执行。因此,例如,如果您有一个复杂对象数组,每个对象都有一个
id
,则可以使用以下命令:

const数据=[{
id:1,
}, {
id:2,
}];
console.log(d3.extent(数据,(d)=>d.id))

我将尝试一下,但非常感谢您的解释!!这确实有助于澄清我的理解