diff --git a/GWMS.Data/chartJsData.cs b/GWMS.Data/chartJsData.cs
new file mode 100644
index 0000000..e7f5a17
--- /dev/null
+++ b/GWMS.Data/chartJsData.cs
@@ -0,0 +1,31 @@
+using System;
+
+namespace GWMS.Data
+{
+ public class chartJsData
+ {
+ #region Public Classes
+
+ public class chartJsTSerie
+ {
+ #region Public Properties
+
+ public DateTime x { get; set; }
+ public double y { get; set; }
+
+ #endregion Public Properties
+ }
+
+ public class chartJsXY
+ {
+ #region Public Properties
+
+ public double x { get; set; }
+ public double y { get; set; }
+
+ #endregion Public Properties
+ }
+
+ #endregion Public Classes
+ }
+}
diff --git a/GWMS.UI/Components/ChartJs/Line.razor b/GWMS.UI/Components/ChartJs/Line.razor
new file mode 100644
index 0000000..8225782
--- /dev/null
+++ b/GWMS.UI/Components/ChartJs/Line.razor
@@ -0,0 +1,113 @@
+@using GWMS.Data
+@inject IJSRuntime JSRuntime
+
+
+
+@code {
+
+ [Parameter]
+ public string Id { get; set; } = "MyTs";
+
+ [Parameter]
+ public string Title { get; set; } = "Demo Line";
+
+ [Parameter]
+ public List DataTS { get; set; } = null!;
+
+ [Parameter]
+ public List Labels { get; set; } = new List();
+
+ [Parameter]
+ public List lineColor { get; set; } = new List();
+
+ [Parameter]
+ public List backColor { get; set; } = new List();
+
+ [Parameter]
+ public double AspRatio { get; set; } = 0;
+
+
+ [Parameter]
+ public string MinValue { get; set; } = "0";
+
+ [Parameter]
+ public string MaxValue { get; set; } = "0";
+
+ [Parameter]
+ public int lTens { get; set; } = 0;
+
+ ///
+ /// Inizializzazione rendering componente
+ ///
+ /// partendo da qui:
+ /// https://www.williamleme.com/posts/2020/003-chartjs-blazor/
+ /// https://www.puresourcecode.com/dotnet/blazor/using-chart-js-with-blazor/
+ /// https://www.tutorialsteacher.com/csharp/csharp-anonymous-type
+ ///
+ ///
+ ///
+ protected override async Task OnAfterRenderAsync(bool firstRender)
+ {
+ await renderChart();
+ }
+
+ ///
+ /// Inizializzazione rendering componente
+ ///
+ /// partendo da qui:
+ /// https://www.williamleme.com/posts/2020/003-chartjs-blazor/
+ /// https://www.puresourcecode.com/dotnet/blazor/using-chart-js-with-blazor/
+ /// https://www.tutorialsteacher.com/csharp/csharp-anonymous-type
+ ///
+ ///
+ ///
+ protected async Task renderChart()
+ {
+ // creazione di un oggetto anonymous type con tutte le opzioni da passare a chart.js
+ var config = new
+ {
+ type = "line",
+ options = new
+ {
+ responsive = true,
+ scales = new
+ {
+ yAxes = new
+ {
+ display = true,
+ ticks = new
+ {
+ maxTicksLimit = 10
+ },
+ suggestedMin = MinValue != MaxValue ? MinValue : "auto",
+ suggestedMax = MinValue != MaxValue ? MaxValue : "auto"
+ },
+ xAxes = new
+ {
+ type = "time",
+ distribution = "linear",
+ }
+ },
+ Animation = false,
+ AspectRatio = AspRatio == 0 ? "auto" : $"{AspRatio}"
+ },
+ data = new
+ {
+ labels = Labels,
+ datasets = new[]
+ {
+ new
+ {
+ data = DataTS,
+ borderColor= lineColor,
+ backgroundColor= backColor,
+ lineTension= lTens,
+ stepped= false,
+ label= Title
+ }
+ }
+ }
+ };
+ await JSRuntime.InvokeVoidAsync("setup", Id, config);
+ }
+}
\ No newline at end of file
diff --git a/GWMS.UI/Components/PlantOverview.razor b/GWMS.UI/Components/PlantOverview.razor
index 645fd0d..ecaceef 100644
--- a/GWMS.UI/Components/PlantOverview.razor
+++ b/GWMS.UI/Components/PlantOverview.razor
@@ -4,16 +4,16 @@