Is there a way to plot Multiple Lines with Plotly.JS?

Question

I am trying to use PLOTLY.JS to plot 2 line graphs. But nothing is showing up on the screen except an empty graph. Any help? It works fine with one lines, bar charts, etc.

var plot_data = {}
var trace1 = {
    x: [4, 3, 1],
    y: [1, 3, 6],mode: 'lines',
    type: 'scatter'
  };

var trace2 = {
    x: [6, 8, 9],
    y: [1, 2, 4],mode: 'lines',
    type: 'scatter'
};

var data = [trace1, trace2];
plot_data.push(data);
var layout = 
{
  title: { text: 'Task Plot', font: { family: 'Courier New, monospace', size: 24 }, xref: 'paper', x: 0.05,}
};

//var config = {responsive : true};
Tester = document.getElementById('myDash');

Plotly.newPlot(Tester, plot_data, layout);

Dude!! You we're right. Thank you so much, kinda feel bad I didn't try something like that haha! Well done. Thank you. It worked when I made that change. @DerekO — Giovanni Michel
– Giovanni Michel, Commented Jul 10, 2022 at 2:03
glad i could help! i'm going to post my comment as an answer with a bit of an explanation – that way if anyone has the same question, they can find the answer more easily :) — Derek O
– Derek O, Commented Jul 10, 2022 at 16:00

Derek O · Accepted Answer · 2022-07-10 16:05:07Z

1

If you look at the documentation here, you'll want to pass an array of traces to Plotly.newPlot, so you can replace plot_data with data:

Plotly.newPlot(Tester, data, layout);

answered Jul 10, 2022 at 16:05

Derek O

20.2k4 gold badges32 silver badges49 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Is there a way to plot Multiple Lines with Plotly.JS?

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related