LightningChart Support Forums

Code: Select all

const container = document.getElementById(id) as HTMLDivElement;

    const grid = lcjs.Dashboard({
      theme: Themes.darkGold,
      numberOfRows: 1,
      numberOfColumns: 1,
      container: container,
    });
    const chart = grid.createChartXY({
      columnIndex: 0,
      rowIndex: 0,
      columnSpan: 1,
      rowSpan: 1,
    });
    // Second, a vertically progressive series with custom axis.
    chart.setTitle("Vertical progressive");
    // Add new axis to 'right' side of chart.
    const customAxisY = chart
      .addAxisY({
      })
      .setScrollStrategy(AxisScrollStrategies.regressive);
    
      const series = chart
      .addLineSeries({
        yAxis: customAxisY,
        dataPattern: {
          pattern: "RegressiveY",
        },
      })
      // Destroy automatically outscrolled data (old data becoming out of scrolling axis range).
      // Actual data cleaning can happen at any convenient time (not necessarily immediately when data goes out of range).
      .setDataCleaning({ minDataPointCount: 100000 })
      // Point to nearest Y data point with auto cursor.
      .setCursorSolveBasis("nearest-y");