arrays - 使用 node.js 和在轴中传递数组来创建图形

Question

我想制作一个简单的图表。这是来自plotly官方文档的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。请参阅此处的链接以转到plotly 官方文档。

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);
});

我也更改了 y 轴值，以便生成更好看的图表。如果这可以解决您的问题，请告诉我!