Something like the code below. This isn't particularly well-documented, but your question was interesting to me so I spent a little time looking through teechart.js to see what was available. var Y = [{ array of series values } ]; var X = [{ array of series x-axis values } ]; var c = [{ array of HTM...

It looks to me like you cannot reproduce your example chart using a single Line series in the TeeChart. You can make your series' pointers visible and have a condition-based color for each pointer. Alternatively you can use a new Line series for each contiguous stretch of color that you want to disp...

The number is a JavaScript Date value defined as "milliseconds since 1970/01/01"

Is it possible to have the bottom axis draw ticks and labels only at actual X values? For instance, I'm plotting values for the last day of each month and using Date values as my X values. Necessarily, this means that the X-values are not at regular intervals. I want the axis labels to align with X-...

I think I've got it fixed, although I haven't yet gone back to test with other data types in the x-axis. Still, the logic is sound.

In teechart-extra.js, line 315 change
to

I just checked out the demo. You'll notice that when you try to move the range around in the scroller canvas that the behavior I describe still happens. The range snaps to the far left and then you can't move it anymore. I tried this in Chrome, IE9 and Firefox with the same results. I haven't had ti...

Thank you, I'll check it out. I also purchased a commercial license so I could trace the code myself.

As a long-time customer of the VCL product, I'm very excited about using TChart for HTML5. I'm having some trouble using setMinMax() when the data type of the x-axis values is Date. I was implementing the Scroller tool when I ran into this. I have an array of Date objects retX[]. This array is assig...