Skip to content

Migrate to BlazorExpress.ChartJS and enhance chart interactivity#1294

Open
gvreddy04 wants to merge 3 commits into
mainfrom
features/1046-feedback-move-the-chart-components-to-a-seperate-component-library
Open

Migrate to BlazorExpress.ChartJS and enhance chart interactivity#1294
gvreddy04 wants to merge 3 commits into
mainfrom
features/1046-feedback-move-the-chart-components-to-a-seperate-component-library

Conversation

@gvreddy04

Copy link
Copy Markdown
Contributor

This pull request updates the Blazor chart demo pages to improve color handling, update documentation, and add new click event demos. It also introduces the BlazorExpress.ChartJS package and refines chart interaction options for better user experience.

Library and Dependency Updates:

  • Added a reference to the BlazorExpress.ChartJS package in the project file to enable new chart features.

Demo and Documentation Improvements:

  • Updated documentation for Bar and Bubble charts to clarify that the components are now based on BlazorExpress.ChartJS and improved the descriptions and meta tags accordingly.
  • Enhanced the "Click event" sections in both Bar and Bubble chart documentation, providing clearer instructions and new demos for handling chart click events.

New and Updated Demos:

  • Added a new Bar chart click event demo (BarChart_Demo_12_Click_Event.razor) and removed the old implementation (BarChart_Demo_06_Click_Event.razor). The new demo provides improved feedback when a chart item is clicked.
  • Updated several chart demos to use improved color utility methods (ToChartColor, ToChartRgbString, etc.) for more consistent and accurate color rendering.

Chart Interaction Options:

  • Changed the chart interaction mode in multiple demos from { Mode = InteractionMode.Index, Axis = InteractionAxis.Y } to { Mode = InteractionMode.Y } for more intuitive horizontal bar chart interactions.

These changes modernize the chart demos, improve the developer and user experience, and ensure the documentation reflects the latest features and best practices.

Replaced custom charting components in BlazorBootstrap with the BlazorExpress.ChartJS library. Removed all chart-related components, datasets, options, plugins, and utility classes. Updated project files to include the new library and required JavaScript dependencies. Simplified the codebase by delegating charting functionality to the external library.
Updated all chart components to use the BlazorExpress.ChartJS package, replacing BlazorBootstrap chart components. Updated documentation, examples, and code snippets to reflect the migration. Removed chart-related functionality from BlazorBootstrap and added references to BlazorExpress.ChartJS resources. Updated namespaces, imports, and setup instructions accordingly.
Updated `BlazorExpress.ChartJS` to v1.2.4, adding `OnClick` event callbacks for all chart types. Introduced `ChartClickEventArgs` to provide detailed click event data. Updated documentation and migration guides to reflect these changes. Added new demos showcasing the `OnClick` functionality. Enhanced `TypeExtensions.cs` to support the new `HandleClickAsync` method.
@gvreddy04 gvreddy04 added this to the 4.0.0 milestone Jul 15, 2026
@gvreddy04 gvreddy04 self-assigned this Jul 15, 2026
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant