LightningChart JS in ASP.NET Core Web App

This repository is a minimal example of using LightningChart JS in an ASP.NET Core Web App. It produces a real-time scrolling time series, with data transfer from a demonstration data generator service to LCJS via a SignalR hub.

recording.mp4

More information can be found at LightningChart JS documentation

Running the template

1. Open the solution in Visual Studio
2. Install client-side dependencies by opening Solution Explorer, finding libman.json, right clicking on it and selecting "Restore Client-Side Libraries"
3. Place your LightningChart JS license key in wwwroot/js/chart.js
   • If you don't have one, you can get it from https://lightningchart.com/js-charts/#license-key
4. Press Start button in Visual Studio

Creation of the template

The template was created using the ASP.NET Core Web App project template from Microsoft 12/2023, with .NET 6.0 framework. LightningChart JS dependency was added using libman.json with following configuration to download the library from jsdelivr.com:

{
  "version": "1.0",
  "defaultProvider": "cdnjs",
  "libraries": [
    {
      "library": "@lightningchart/lcjs@7.0.1",
      "destination": "wwwroot/lib/lcjs",
      "provider": "jsdelivr"
    }
  ]
}

All other changes, such as creating the example application, using LCJS library and using SignalR have been isolated into one convenient Git commit which you can view HERE.