Javascript 当传递一组记录道时，Plot.ly不会渲染

下面的代码无法呈现数据。没有抛出异常。但是，当只给出第二个代码段中所示的两个跟踪中的一个时，相同的代码也可以工作。唯一的区别是打电话

    Plotly.newPlot(target_target, traces); // doesn't render

而不是：

    Plotly.newPlot(target_target, trace0); // trace1 also works.

我是一个javascript noob，所以我的traces数组可能有问题，但它看起来像我看到的示例代码

无法工作的代码（完成）：

var target_target=document.getElementById（'target'）；
var trace0=
[{
x:[1.0,2.0,3.0,4.0,5.0,6.0]，
y:[0.5,1.5,6.5,14.5,25.5,39.5]，
键入：“散布”
}];
var trace1=
[{
x:[1.0,2.0,3.0,4.0,5.0,6.0]，
y:[0.0,1.0,6.0,14.0,25.0,39.0],，
键入：“散布”
}];
变量跟踪=[trace0，trace1]；
Plotly.newPlot（target\u target，traces）；

有效的代码（完整）：

var target_target=document.getElementById（'target'）；
var trace1=
[{
x:[1.0,2.0,3.0,4.0,5.0,6.0]，
y:[0.0,1.0,6.0,14.0,25.0,39.0],，
键入：“散布”
}];
Plotly.newPlot（target\u target，trace1）；

您犯的错误只是单个记录道应该是

对象

而不是单个对象的

数组

，您只需进行此更正

之前：

var trace0 =
            [{
                x: [1.0, 2.0, 3.0, 4.0, 5.0, 6.0],
                y: [0.5, 1.5, 6.5, 14.5, 25.5, 39.5],
                type: 'scatter'
         }];

var trace0 =
            {
                x: [1.0, 2.0, 3.0, 4.0, 5.0, 6.0],
                y: [0.5, 1.5, 6.5, 14.5, 25.5, 39.5],
                type: 'scatter'
         };

之后：

var trace0 =
            [{
                x: [1.0, 2.0, 3.0, 4.0, 5.0, 6.0],
                y: [0.5, 1.5, 6.5, 14.5, 25.5, 39.5],
                type: 'scatter'
         }];

var trace0 =
            {
                x: [1.0, 2.0, 3.0, 4.0, 5.0, 6.0],
                y: [0.5, 1.5, 6.5, 14.5, 25.5, 39.5],
                type: 'scatter'
         };

然后，需要将这些单独的记录道（对象）分组到一个阵列中，并以绘图方式进行设置

var traces = [ trace0, trace1 ];
Plotly.newPlot(target_target, traces);

这就是第二个示例工作的原因，因为跟踪是作为对象数组接收的

请参考下面的示例，检查您的问题是否得到解决

var target\u target=document.getElementById（'target'）；
变量trace0={
x:[1.0,2.0,3.0,4.0,5.0,6.0]，
y:[0.5,1.5,6.5,14.5,25.5,39.5]，
键入：“散布”
};
变量trace1={
x:[1.0,2.0,3.0,4.0,5.0,6.0]，
y:[0.0,1.0,6.0,14.0,25.0,39.0],，
键入：“散布”
};
变量跟踪=[trace0，trace1]；
Plotly.newPlot（target\u target，traces）