Open Scheuraa007 opened 5 months ago
Hello together, i have the following chart options.
{ title: "Graph", width: 200, height: 110, cursor: { drag: { setScale:false, x: false, y: true, }, }, select: { show: false, height: 0, left: 0, top: 0, width: 0, }, plugins: [touchZoomPlugin(), tooltipsPlugin(), clickPlugin(), mousePanPlugin()], scales: { x: { time: false, }, y: { auto: false, min: yMin, // initial value max: alertValue, // initial value range: () => { return [ yMin,alertValue]; }, }, }, series: [ {}, { show: true, label: "ppm", stroke: "#007ab3", width: 2, points: { show: false, }, }, { show: false, label: "speed", stroke: "orange", width: 2, }, { show: false, label: "time", stroke: "green", width: 2, }, { show: true, stroke: "#000000", width: 2, points: { show: false, }, }, { show: true, stroke: "#15ff00", width: 2, points: { show: false, }, }, ], axes: [ { grid: { show: false, }, show: false, }, { grid: { show: false }, }, ], legend: { show: false, }, hooks: { drawSeries: [ function alertSeries(u, si) { drawLine(u, si, alertValue, "red"); }, ], }, }
And i set the data to this chart with the following method:
const receivedData = this.data as RouteData; this.activeRouteCoordinates[this.activeRouteCounter] = receivedData.coordinates[0]; this.activeDataPoints = [ [...this.activeDataPoints[0], this.activeRouteCounter], [...this.activeDataPoints[1], receivedData.mainMeasurement[0]], [...this.activeDataPoints[2], receivedData.speed[0]], [...this.activeDataPoints[3], receivedData.time[0]], [...this.activeDataPoints[4], receivedData.secondMeasurement[0]], [...this.activeDataPoints[5], receivedData.thirdMeasurement[0]], ]; this.activeRouteCounter++; const dataLength = this.activeDataPoints[0].length; if (dataLength > 200) { this.chart.setSize({ width: dataLength, height: getHeightForGraph(), }); const newScrollWidth = getBrowserWidth(); if (this.chartWidth < newScrollWidth && !this.autoscroll) { window.scrollBy({ top: 0, left: 5, behavior: "smooth" }); this.chartWidth = newScrollWidth; // aktualisiere scrollWidth } } else { this.chart.setSize({ width: 200, height: getHeightForGraph(), }); } if(IsZoomed === false) { this.chart.setData(this.activeDataPoints); window.smtGraph.coords = this.activeRouteCoordinates; } else { this.chart.scales.y.range = () => [ Y_range[0],Y_range[1]]; setYrange(false,Y_range[0],Y_range[1]); }
This method is called about 3 times a second. When i check this.chart.data after the method all data is in it. But when i check the series the idxs of them are all an empty array. Can anybody help me why i have this problem?
Seems like it is an 1.6.30 Bug. On Version 1.6.20 the same code worked
Hello together, i have the following chart options.
And i set the data to this chart with the following method:
This method is called about 3 times a second. When i check this.chart.data after the method all data is in it. But when i check the series the idxs of them are all an empty array. Can anybody help me why i have this problem?