Создание графика с использованием графика с использованием node.js и передачи массива по оси

Question

Я хочу сделать простой график.Вот код в файле node.js из официальной официальной документации.

 equire('plotly')(username, api_key);
 var data = [
  {
    x: ["2013-10-04 22:23:00", "2013-11-04 22:23:00", "2013-12-04 22:23:00"],
    y: [1, 3, 6],
    type: "scatter"
  }
];
var graphOptions = {filename: "date-axes", fileopt: "overwrite"};
plotly.plot(data, graphOptions, function (err, msg) {
    console.log(msg);
});

Здесь я хочу передать массив по оси x. Ниже приведена строка, где я хочу изменить.
x: ["2013-10-04 22:23:00", "2013-11-04 22:23:00", "2013-12-04 22:23:00"],

Я пробовал этот способ.

xx = [];

for (i = 1; i < 100; i++) {

            xx[i] = i;

}

var data = [
  {
    x: xx,
    y: [1, 3, 6],
    type: "scatter"
  }
];
var graphOptions = {filename: "date-axes", fileopt: "overwrite"};
plotly.plot(data, graphOptions, function (err, msg) {
    console.log(msg);
});

Но код не работает, приведенный выше. Пожалуйста, кто-нибудь может подсказать мне, как решить эту проблему?Заранее спасибо.

Answer 1

Я проверил твой код и смог получить xaxis.PFB скриншот сгенерированного графика.Я думаю, что вам нужно немного прокрутить вниз, чтобы увидеть xaxis в сюжетном онлайн-редакторе.

Продолжая, я все еще не могусм. xaxis, я бы посоветовал вам установить свойства макета ниже, где вы можете настроить xaxis.Перейдите по ссылке здесь, чтобы перейти к официальной документации.

var layout = {
  xaxis: {
    visible: true,
    range: [1, 100],
    dtick: 1
  }
}

В приведенном выше коде я настраиваю xaxis для лучшего соответствия предоставленным данным.

var plotly = require('plotly')('username here', 'API Key Here');
xx = [];
yy = [];
for (i = 0; i < 100; i++) {

  xx[i] = i + 1;
  yy[i] = y + 1;

}

var data = [{
  x: xx,
  y: yy,
  type: "scatter"
}];
var layout = {
  xaxis: {
    visible: true,
    range: [1, 100],
    dtick: 1
  }
}
var graphOptions = {
  layout: layout,
  filename: "date-axes",
  fileopt: "overwrite"
};
plotly.plot(data, graphOptions, function(err, msg) {
  console.log(msg);
});

Я изменилЗначения Yaxis тоже, чтобы генерировать более привлекательный график.Пожалуйста, дайте мне знать, если это решит вашу проблему!