Skip to content

Commit 211fbf2

Browse files
committed
Enhance BarChart documentation for Border Radius feature
Updated the `BarChartDocumentation.razor` file to replace the placeholder comment with a detailed description of the "Border Radius" feature. The new content includes benefits, implementation instructions, and customization options for using the `BorderRadius` property, providing clearer guidance for users. NOTE: This commit message is auto-generated using GitHub Copilot.
1 parent eae9f92 commit 211fbf2

1 file changed

Lines changed: 13 additions & 1 deletion

File tree

BlazorExpress.ChartJS.Demo.RCL/Pages/Demos/BarChart/BarChartDocumentation.razor

Lines changed: 13 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -101,7 +101,19 @@
101101

102102
<Section Class="p-0" Size="HeadingSize.H4" Name="Border radius" PageUrl="@pageUrl" Link="border-radius">
103103
<Block>
104-
TODO: Update the description once the demo is implemented.
104+
The <strong>Border Radius</strong> feature allows you to create bar charts with rounded corners, giving your charts a modern and visually appealing look. This is especially useful for dashboards and applications where aesthetics are important.
105+
<br /><br />
106+
<strong>How to use:</strong>
107+
<div class="content">
108+
<ol>
109+
<li>Add the <code>BarChart</code> component to your page.</li>
110+
<li>When defining each <code>BarChartDataset</code>, set the <code>BorderRadius</code> property to a list of pixel values (e.g., <code>new List&lt;double&gt; { 10 }</code>) to control the roundness of the bar corners.</li>
111+
<li>Optionally, set <code>BorderSkipped = false</code> to apply the border radius to all corners of each bar.</li>
112+
<li>Customize other appearance options such as <code>BackgroundColor</code> and <code>BorderColor</code> as needed.</li>
113+
<li>Refer to the demo code below for a working example and further customization options.</li>
114+
</ol>
115+
</div>
116+
Using the <code>BorderRadius</code> property, you can easily enhance the style of your bar charts to better match your application's design.
105117
</Block>
106118
<Demo Type="typeof(BarChart_Demo_06_Border_Radius)" Tabs="true" />
107119
</Section>

0 commit comments

Comments
 (0)