Нежелательная скобка продолжает возвращаться из моей функции (JavaScript / HTML)

Question

"Напишите функцию с именем plotLine, которая принимает массив точек, где каждый элемент является массивом в формате [x, y], а x и y являются числами с плавающей запятой. Функция создаст линейную диаграмму вdiv с идентификатором "plot" с использованием библиотеки 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 () совпадал с ожидаемым выводом?Заранее благодарю за помощь!

Answer 1

Я думаю, что API добавляет атрибут data изначально.

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