javascript - 不需要的括号不断从我的函数返回（JavaScript/html）

Question

“编写一个名为“plotLine”的函数，它接受一个点数组，其中每个元素都是格式为 [x, y] 的数组，x 和 y 都是浮点数。该函数将在 id 的 div 中创建折线图使用 Plotly 库的“绘图”。您可以假设您的代码在下载 Plotly 的页面上运行“

这是我的代码：

function plotLine(array){
  var object1 =
  {
    "data":
    [{
        "x": array.map(i => i[0]),
        "y": array.map(i => i[1])
    }]
  };
  Plotly.newPlot('plot', object1)
}

但是，我在返回值中的“数据”周围出现了一个不需要的大括号，见下文：

html:

{'divId': 'plot', 'data': {'data': [{'y': [19.44, -5.17, -8.45, 19.14, 5.61], 'x': [8.94, -5.57, 4.45, -1.24, 0.87]}]}}

预期的：

{'divId': 'plot', 'data': [{'y': [19.44, -5.17, -8.45, 19.14, 5.61], 'x': [8.94, -5.57, 4.45, -1.24, 0.87]}]}

如您所见，我的 html 代码返回了一个不需要的大括号。我想知道如何删除它，以便 plotLine() 函数的输出与预期的输出相匹配？预先感谢您的帮助！

标签： javascripthtmlnode.jsplotly

Answer 1

我认为 API 是在data本地添加属性。

Plotly.newPlot('plot', [{
  "x": array.map(i => i[0]),
  "y": array.map(i => i[1])
}]);