@@ -71,48 +71,21 @@ Get started any way you want
7171
7272<img width =" 610 " height =" 320 " alt =" image " src =" https://github.com/user-attachments/assets/61d56847-2cd1-44d3-8916-777c331a1b62 " />
7373
74- ## Combo bar/line
75-
76- ` BarChart ` and ` LineChart ` both support mixed bar/line datasets. Add ` BarChartDataset ` and ` LineChartDataset ` instances to the same ` ChartData.Datasets ` collection and initialize either chart component as the root chart.
77-
78- ``` razor
79- <BarChart @ref="chart" Width="600" />
80-
81- @code {
82- private BarChart chart = default!;
83- private readonly BarChartOptions options = new()
84- {
85- Responsive = true,
86- Interaction = new Interaction { Mode = InteractionMode.Index, Intersect = false },
87- };
88-
89- private readonly ChartData chartData = new()
90- {
91- Labels = new List<string> { "January", "February", "March" },
92- Datasets = new List<IChartDataset>
93- {
94- new BarChartDataset
95- {
96- Label = "Revenue",
97- Data = new List<double?> { 65, 59, 80 },
98- },
99- new LineChartDataset
100- {
101- Label = "Target",
102- Data = new List<double?> { 50, 55, 60 },
103- },
104- },
105- };
106-
107- protected override async Task OnAfterRenderAsync(bool firstRender)
108- {
109- if (firstRender)
110- await chart.InitializeAsync(chartData, options);
111- }
112- }
113- ```
114-
115- Use ` LineChart ` the same way when you want the line configuration to be the root chart type.
74+ ### Pie Chart
75+
76+ <img width =" 628 " height =" 626 " alt =" image " src =" https://github.com/user-attachments/assets/88889e02-3149-4a16-afe6-288eabf69daa " />
77+
78+ ### PolarArea Chart
79+
80+ <img width =" 617 " height =" 669 " alt =" image " src =" https://github.com/user-attachments/assets/5c3d6004-1de1-4a83-a05b-63bb5cb64a57 " />
81+
82+ ### Radar Chart
83+
84+ <img width =" 626 " height =" 671 " alt =" image " src =" https://github.com/user-attachments/assets/2d2f7989-08d7-4f6f-b33a-dbbca1fde74b " />
85+
86+ ### Scatter Chart
87+
88+ <img width =" 939 " height =" 531 " alt =" image " src =" https://github.com/user-attachments/assets/47de0935-afb0-4c6d-ad8b-a1c5195b3e30 " />
11689
11790More components coming...
11891
0 commit comments