Visualising data with javascript graphs - dynamically

Question

Right now I'm using plot.ly javascript library to visualise an array of numbers. I want to update this plot in every iteration. I tried to Plotly.newPlot('id',data); after values changed, however it takes time to re-define plot object every time.

I went through plot.ly documentation yet did not find a solution for my case.

I want to update graph in every interruption, maybe I need to update plot more 200 times after calling iterating function. Any solutions/suggestions for this problem? I can use another plotting library if there is one fits for this case.

etpinard · Accepted Answer · 2015-12-17 22:26:43Z

6

Try Plotly.extendTraces

Unfortunately no official examples are available at the moment.

I'd recommend:

looking the source code here, and
the test cases here.

answered Dec 17, 2015 at 22:26

etpinard

5,0111 gold badge23 silver badges26 bronze badges

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

2 Comments

Bedi Egilmez Over a year ago

Thanks! I also found this, quite helpful: codepen.io/plotly/pen/LGEyyY?editors=001

Bedi Egilmez Over a year ago

I'm using like this: var update = {y: itemList}; and Plotly.extendTraces('myDiv', update,[0],50); Getting this exception: "attribute y must be an array of length equal to indices array length" How should I use this?

fuzzybear3965 · Accepted Answer · 2016-01-14 23:07:13Z

2

Bedi, unfortunately, I cannot respond to your comment directly. I don't have enough points (I need 50 and I have 15). Plotly.extendTraces() is what you need. The error you've noted is because update.y needs to be an array with a length equal to that of the indices argument to Plotly.extendTraces(). Looking at the source, indices is the third argument to the extendTraces. Your indices argument is only one item long ([0].length === 1). As long as itemList is an array of length 1 you should not be having a problem. Run console.log(itemList.length === [0].length) and I think you'll discover that you're trying to add too many points at once to your trace.

answered Jan 14, 2016 at 23:07

fuzzybear3965

2635 silver badges16 bronze badges

Collectives™ on Stack Overflow

Visualising data with javascript graphs - dynamically

2 Answers 2

2 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related