How do I Add More than Two Lines to a Real-Time Line Chart?

Problem:
I've tried to add string tick.plot2 = parseInt(10 + 90 , 10); in the beginning of function realTimeFeed, but it doesn't help.

Solution:
In this demo, we've added 3 lines to the real-time chart. Many developers forget to add a series entry for the 3rd line to the config. That's why it fails.

Problem:

Thank you for your response. It works, but I faced another problem. I need to increase values number on scale X and found the necessary tip in your documentation:
'scale-x': { 'min-value': "1457101800000", 'max-value': "1457125200000", step: "30minute", transform: { type: "date", all: "%g:%i" }, 'items-overlap': true, 'max-items':14, #change number here item: { 'font-size':10 }
},

I inserted the following code in my JS file:

Solution:

If your requirement is to increase value number on scaleX, then you're going to set itemsOverlap to true and maxItems to a value greater than your scaleX items count like 999. We've attached a screenshot and demo for your reference.

Problem:

Please have a look at my fork https://app.zingsoft.com/demos/create/J532NPCR. It seems to be re-rendering with the value 20 in maxItems.

Solution:

As you can see in the attached screenshot, I can see a value of 999 on maxItems, not 20.

Customer:

Thank you for your help! I've found parameter maxticks in the refresh section and it is exactly what I needed in my Real-Time line chart!