Traced don't appear when x is set to a time instead of a counter.

[jumper385]

Chart Setup

let chart = new TimeChart(chartElement, {
        series: dataholder ,
        xRange: { min: 0, max: 30000 },
        realTime: true,
        zoom: {
            x: {
                autoRange: true,
            },
            y: {
                autoRange: true,
            }
        },
    });

Sample data input

let dataholder = [...{
   name:'category_name',
   data: [{x:1626186924936,y:6.94},{x: 1626186925193, y: 6.29}, {x: 1626186925448, y: 6.3} ...]
}]

Do you know what's going on here? could it be that the points on the line is just too small in the x-axis that WebGL just doesn't render it?

[huww98]

I have no idea. So long as x doesn't go backward, it should work. Could you also share the content of dataholder so that I can reproduce this?

[jumper385]

I updated the original post but for your reference, dataholder is something like this:

let dataholder = [...{
   name:'category_name',
   data: [{x:1626186924936,y:6.94},{x: 1626186925193, y: 6.29}, {x: 1626186925448, y: 6.3} ...]
}]

[huww98]

Setting x to very large value is known to cause problems. Refer to the README:

Due to the limitation of single-precision floating-point numbers, if the absolute value of x is large (e.g. Date.now()), you may need to use baseTime option (see below) to make the chart render properly.

You may try:

let dataholder = [...{
   name:'category_name',
   data: [{x:0,y:6.94},{x: 257, y: 6.29}, {x: 512, y: 6.3} ...]
}]
let chart = new TimeChart(chartElement, {
        baseTime: 1626186924936,
        series: dataholder ,
        xRange: { min: 0, max: 30000 },
        realTime: true,
        zoom: {
            x: {
                autoRange: true,
            },
            y: {
                autoRange: true,
            }
        },
    });

[jumper385]

Ah! My bad - I misunderstood that.
Thankyou @huww98
Just want to say that this library is super fun to use btw 😊

[huww98]

Glad to hear that. You could also help me to improve the readme.

[jumper385]

I'll propose an update on the README for this issue - just to help clarify any future mistakes 😊