Class SerialChart

src/Components/SerialChart.js:96–222

   The chart is updated using references every refreshRate milliseconds. 
*/
export default class SerialChart extends React.Component {

  constructor(props) {
    super(props)
    // This chart reference is needed to update the charts
    this.divRef = React.createRef();
    this.chartRef = React.createRef();
    this.labelRef = React.createRef();
  };

  updateChart() {
    // Only update the chart if the chart object exists
    if (this.chartRef !== null) {

      // Get the reference to the chart object
      var chart = this.chartRef.current;
      if (chart !== null) {

        if (SerialDataObject.data.length !== 0 && !SerialDataObject.pauseFlag) {
          // Get the size of the data
          var nel = SerialDataObject.data.length;
          var nvars = SerialDataObject.data[nel - 1].length;

          // Check if there are enough chart data objects
          var k = chart.data.datasets.length;
          while (chart.data.datasets.length < nvars) {
            // Add a new dataset if its too short
            chart.data.datasets.push(
              {
                label: k + 1,
                color: plotFontColor,
                data: [],
                borderColor: colorList[k % colorList.length],
                backgroundColor: colorList[k % colorList.length],
                borderWidth: GlobalSettings.global.lineThickness,
              },
            )
            k = k + 1;
          }
          while (chart.data.datasets.length > nvars) {
            // If there are too many, remove the last one.
            chart.data.datasets.pop();
          }

          // Line width
          for (var i = 0; i < chart.data.datasets.length; i++) {
            chart.data.datasets[i].borderWidth = GlobalSettings.global.lineThickness;
            chart.data.datasets[i].pointRadius = GlobalSettings.global.pointRadius;
          }

          // Update with data from the serial port
          var tnow = SerialDataObject.timeHistory[SerialDataObject.timeHistory.length - 1];
          var tvec = (SerialDataObject.timeHistory.map((x) => { return 1.0e-3 * (x - tnow) }));

          var step = 1;
          for (var k = 0; k < nvars; k++) {
            if (GlobalSettings.timeSeries.estimateTime) {