When points are outside min/max, Chrome show strange triangles!

[wsplinter]

Hi all,

I'm new here, and I have a problem with Chrome and Edge, FireFox seems to be ok.
It seems that when the point over de x-axis outside the min max values appear, strange triangles will be shown. It looks like the line will draw back.

Initializing code:

// declare default colors
var color = {
	red:'rgba(255, 0, 0, 0.7)',
    green:'rgba(0, 255, 160, 0.7)',
    blue:'rgba(0, 160, 255, 0.7)'
}

var config = //re-declare var config
{
	type: 'line',
	data: {
		datasets: [{
			label: 'velocity',
			pointRadius: 0,
			borderWidth: 1,
			lineTension: 0.2,
			showLine: true,
			yAxisID: 'y1',			
			fill: false,
			borderColor: color.red,
		},
		{
			label: 'acceleration',
			pointRadius: 0,
			borderWidth: 1,
			lineTension: 0.2,
			showLine: true,
			yAxisID: 'y1',			
			fill: false,
			borderColor: color.green,
		}]
	},

	options: {
		animation: {
			duration: 100,            
		},		
		scales: {
			xAxes: [{
				id: 'x1',
				type: 'linear',
				display: true,
				ticks: {
                                        min: 0,
                                        max: 200,
					stepSize: 10,
                                        beginAtZero: false
				}
			}],
			yAxes: [{
				id: 'y1',
				type: 'linear',
				display: true,
				ticks:{
					min: -120,
					max: 120,
					stepSize: 20,
                                        beginAtZero: false
				}
			}]

		}
	}
};

Updating code:

var min = tagValues[0];
var max = tagValues[1];

//declare vars
var point;
var Line1 = [];
var Line2 = [];


// read line values from array
for (var i=0; i<2000; i++){
		Line1.push({x: (i*0.1), y: ((i*0.1)-100)});
		Line2.push({x: (i*0.1), y: (100-(i*0.1))});	
}


// calculate ticks
ctx.options.scales.xAxes[0].ticks.min = min
ctx.options.scales.xAxes[0].ticks.max = max

// write line values to data variable
ctx.data.datasets[0].data = Line1;
ctx.data.datasets[1].data = Line2;

When I'm removing de calculate ticks code lines it will be ok.
Does has anyone an idea, what I'm doing wrong?

Regards,
Wouter

[kurkle]

missing chart.update()?
(edit: or ctx.update(), as your chart instance seems to be called ctx)

[wsplinter]

missing chart.update()? (edit: or ctx.update(), as your chart instance seems to be called ctx)

Thanks for your reply, by I try this but got the same result :(

[wsplinter]

I've upgraded my current version 2.7.1 to 2.94 and the problem is resolved.