From the course: Blazor: Getting Started

Unlock the full course today

Join today to access over 22,600 courses taught by industry experts or purchase this course individually.

Solution: Use a UI component library to add a chart

Solution: Use a UI component library to add a chart - Blazor Tutorial

From the course: Blazor: Getting Started

Start my 1-month free trial

Solution: Use a UI component library to add a chart

“

(upbeat music) - [Instructor] I'll show you my solution for charting. I chose Telerik for my component library since I already had the documentation up and the library installed. In my user component, I added a new tab for the chart. I used the documentation and Telerik to build out the chart. It took a while to find all the right configurations but overall you can see it wasn't that much code. As you get used to certain libraries over time, you'll find that their constructs make more sense to you and you can get the desired result even more quickly. Rather than use the rays collection for this chart, I created a special view model down here called RayChartData. It's focused on just the data I wanted to show in the chart. When I load the data here, I also load the chart data. Let's have a look at it. I'll go to my user page and select the chart. I can now compare when I cast the ray to how long it was and how many times it…

Contents