LineChart updates

BlazorExpress · Jun 22, 2024 · d32f013 · d32f013
1 parent 8eb0631
commit d32f013
Show file tree

Hide file tree

Showing 8 changed files with 157 additions and 80 deletions.
diff --git a/BlazorExpress.ChartJS.Demo.RCL/Components/Pages/Home/Charts_Demo_03_LineChart.razor b/BlazorExpress.ChartJS.Demo.RCL/Components/Pages/Home/Charts_Demo_03_LineChart.razor
@@ -53,9 +53,9 @@
                 BorderColor = c.ToRgbString(),
                 BorderWidth = 2,
                 HoverBorderWidth = 4,
-                PointBackgroundColor = new List<string> { c.ToRgbString() },
-                PointRadius = new List<int> { 0 }, // hide points
-                PointHoverRadius = new List<int> { 4 }
+                PointBackgroundColor = c.ToRgbString(),
+                PointRadius = 0, // hide points
+                PointHoverRadius = 4
             };
     }
 

diff --git a/BlazorExpress.ChartJS.Demo.RCL/Components/Pages/Home/Charts_Demo_99_Example.razor b/BlazorExpress.ChartJS.Demo.RCL/Components/Pages/Home/Charts_Demo_99_Example.razor
@@ -73,10 +73,10 @@
                         BorderColor = "rgb(88, 80, 141)",
                         BorderWidth = 2,
                         HoverBorderWidth = 4,
-                        PointBackgroundColor = new List<string>{ "rgb(88, 80, 141)" },
-                        PointBorderColor = new List<string>{ "rgb(88, 80, 141)" },
-                        PointRadius = new List<int>{0}, // hide points
-                        PointHoverRadius = new List<int>{4},
+                        PointBackgroundColor = "rgb(88, 80, 141)",
+                        PointBorderColor = "rgb(88, 80, 141)",
+                        PointRadius = 0, // hide points
+                        PointHoverRadius = 4,
                     },
                     new LineChartDataset()
                     {
@@ -86,10 +86,10 @@
                         BorderColor = "rgb(255, 166, 0)",
                         BorderWidth = 2,
                         HoverBorderWidth = 4,
-                        PointBackgroundColor = new List<string>{ "rgb(255, 166, 0)" },
-                        PointBorderColor = new List<string>{ "rgb(255, 166, 0)" },
-                        PointRadius = new List<int>{0}, // hide points
-                        PointHoverRadius = new List<int>{4},
+                        PointBackgroundColor = "rgb(255, 166, 0)",
+                        PointBorderColor = "rgb(255, 166, 0)",
+                        PointRadius = 0, // hide points
+                        PointHoverRadius = 4,
                     }
                 }
             };

diff --git a/...orExpress.ChartJS.Demo.RCL/Components/Pages/LineCharts/LineChart_Demo_01_A_Examples.razor b/...orExpress.ChartJS.Demo.RCL/Components/Pages/LineCharts/LineChart_Demo_01_A_Examples.razor
@@ -126,9 +126,9 @@
                 BorderColor = c.ToRgbString(),
                 BorderWidth = 2,
                 HoverBorderWidth = 4,
-                PointBackgroundColor = new List<string> { c.ToRgbString() },
-                PointRadius = new List<int> { 0 }, // hide points
-                PointHoverRadius = new List<int> { 4 }
+                PointBackgroundColor = c.ToRgbString(),
+                PointRadius = 0, // hide points
+                PointHoverRadius = 4
             };
     }
 

diff --git a/...orExpress.ChartJS.Demo.RCL/Components/Pages/LineCharts/LineChart_Demo_01_B_Examples.razor b/...orExpress.ChartJS.Demo.RCL/Components/Pages/LineCharts/LineChart_Demo_01_B_Examples.razor
@@ -20,9 +20,9 @@
                 BorderColor = colors[0],
                 BorderWidth = 2,
                 HoverBorderWidth = 4,
-                PointBackgroundColor = new List<string> { colors[0] },
-                PointRadius = new List<int> { 0 }, // hide points
-                PointHoverRadius = new List<int> { 4 }
+                PointBackgroundColor = colors[0],
+                PointRadius = 0, // hide points
+                PointHoverRadius = 4
             };
         datasets.Add(dataset1);
 
@@ -34,9 +34,9 @@
                 BorderColor = colors[1],
                 BorderWidth = 2,
                 HoverBorderWidth = 4,
-                PointBackgroundColor = new List<string> { colors[1] },
-                PointRadius = new List<int> { 0 }, // hide points
-                PointHoverRadius = new List<int> { 4 }
+                PointBackgroundColor = colors[1],
+                PointRadius = 0, // hide points
+                PointHoverRadius = 4
             };
         datasets.Add(dataset2);
 
@@ -48,9 +48,9 @@
                 BorderColor = colors[2],
                 BorderWidth = 2,
                 HoverBorderWidth = 4,
-                PointBackgroundColor = new List<string> { colors[2] },
-                PointRadius = new List<int> { 0 }, // hide points
-                PointHoverRadius = new List<int> { 4 }
+                PointBackgroundColor = colors[2],
+                PointRadius = 0, // hide points
+                PointHoverRadius = 4
             };
         datasets.Add(dataset3);
 

diff --git a/...orExpress.ChartJS.Demo.RCL/Components/Pages/LineCharts/LineChart_Demo_02_Datalabels.razor b/...orExpress.ChartJS.Demo.RCL/Components/Pages/LineCharts/LineChart_Demo_02_Datalabels.razor
@@ -20,9 +20,9 @@
                 BorderColor = colors[0],
                 BorderWidth = 2,
                 HoverBorderWidth = 4,
-                PointBackgroundColor = new List<string> { colors[0] },
-                PointRadius = new List<int> { 3 }, // show points
-                PointHoverRadius = new List<int> { 4 },
+                PointBackgroundColor = colors[0],
+                PointRadius = 3, // show points
+                PointHoverRadius = 4,
 
                 // datalabels
                 Datalabels = new() { Alignment = Alignment.End, Anchor = Anchor.End }
@@ -37,9 +37,9 @@
                 BorderColor = colors[1],
                 BorderWidth = 2,
                 HoverBorderWidth = 4,
-                PointBackgroundColor = new List<string> { colors[1] },
-                PointRadius = new List<int> { 3 }, // show points
-                PointHoverRadius = new List<int> { 4 },
+                PointBackgroundColor = colors[1],
+                PointRadius = 3, // show points
+                PointHoverRadius = 4,
 
                 // datalabels
                 Datalabels = new() { Alignment = Alignment.End, Anchor = Anchor.End }
@@ -54,9 +54,9 @@
                 BorderColor = colors[2],
                 BorderWidth = 2,
                 HoverBorderWidth = 4,
-                PointBackgroundColor = new List<string> { colors[2] },
-                PointRadius = new List<int> { 3 }, // show points
-                PointHoverRadius = new List<int> { 4 },
+                PointBackgroundColor = colors[2],
+                PointRadius = 3, // show points
+                PointHoverRadius = 4,
 
                 // datalabels
                 Datalabels = new() { Alignment = Alignment.Start, Anchor = Anchor.Start }

diff --git a/...s.ChartJS.Demo.RCL/Components/Pages/LineCharts/LineChart_Demo_03_Tick_Configuration.razor b/...s.ChartJS.Demo.RCL/Components/Pages/LineCharts/LineChart_Demo_03_Tick_Configuration.razor
@@ -81,9 +81,9 @@
                 BorderColor = c.ToRgbString(),
                 BorderWidth = 2,
                 HoverBorderWidth = 4,
-                PointBackgroundColor = new List<string> { c.ToRgbString() },
-                PointRadius = new List<int> { 0 }, // hide points
-                PointHoverRadius = new List<int> { 4 }
+                PointBackgroundColor = c.ToRgbString(),
+                PointRadius = 0, // hide points
+                PointHoverRadius = 4
             };
     }
 

diff --git a/BlazorExpress.ChartJS.Demo.RCL/Components/Pages/LineCharts/LineChart_Demo_04_Locale.razor b/BlazorExpress.ChartJS.Demo.RCL/Components/Pages/LineCharts/LineChart_Demo_04_Locale.razor
@@ -20,9 +20,9 @@
                 BorderColor = colors[0],
                 BorderWidth = 2,
                 HoverBorderWidth = 4,
-                PointBackgroundColor = new List<string> { colors[0] },
-                PointRadius = new List<int> { 0 }, // hide points
-                PointHoverRadius = new List<int> { 4 }
+                PointBackgroundColor = colors[0],
+                PointRadius = 0, // hide points
+                PointHoverRadius = 4
             };
         datasets.Add(dataset1);
 
@@ -34,9 +34,9 @@
                 BorderColor = colors[1],
                 BorderWidth = 2,
                 HoverBorderWidth = 4,
-                PointBackgroundColor = new List<string> { colors[1] },
-                PointRadius = new List<int> { 0 }, // hide points
-                PointHoverRadius = new List<int> { 4 }
+                PointBackgroundColor = colors[1],
+                PointRadius = 0, // hide points
+                PointHoverRadius = 4
             };
         datasets.Add(dataset2);
 
@@ -48,9 +48,9 @@
                 BorderColor = colors[2],
                 BorderWidth = 2,
                 HoverBorderWidth = 4,
-                PointBackgroundColor = new List<string> { colors[2] },
-                PointRadius = new List<int> { 0 }, // hide points
-                PointHoverRadius = new List<int> { 4 }
+                PointBackgroundColor = colors[2],
+                PointRadius = 0, // hide points
+                PointHoverRadius = 4
             };
         datasets.Add(dataset3);