Skip to content

feat: Chart component using chart.js #858

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
merged 8 commits into from
Aug 21, 2025
Merged

feat: Chart component using chart.js #858

merged 8 commits into from
Aug 21, 2025

Conversation

Elessar1802
Copy link
Contributor

Description

Please include a summary of the change and which issue is fixed. Please also include relevant motivation and context. List any dependencies that are required for this change.

Type of change

  • Bug fix (non-breaking change which fixes an issue)
  • New feature (non-breaking change which adds functionality)
  • Breaking change (fix or feature that would cause existing functionality to not work as expected)
  • This change requires a documentation update

How Has This Been Tested?

Please describe the tests that you ran to verify your changes. Provide instructions so we can reproduce. Please also list any relevant details for your test configuration

  • Test A
  • Test B

Checklist

  • The title of the PR states what changed and the related issues number (used for the release note).
  • Does this PR require documentation updates?
  • I've updated documentation as required by this PR.
  • I have performed a self-review of my own code
  • I have commented my code, particularly in hard-to-understand areas

@AbhishekA1509 AbhishekA1509 requested a review from Copilot August 19, 2025 05:51
Copilot

This comment was marked as outdated.

@AbhishekA1509 AbhishekA1509 requested a review from Copilot August 20, 2025 10:33
Copy link

@Copilot Copilot AI left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Pull Request Overview

This PR adds a new Chart component to the application using Chart.js library. The component provides a unified interface for rendering different chart types including area, line, pie, and stacked bar charts with theme support.

  • Introduces a comprehensive Chart component with support for multiple chart types
  • Implements theme-aware color schemes and styling configurations
  • Adds type-safe interfaces for different chart data structures

Reviewed Changes

Copilot reviewed 7 out of 8 changed files in this pull request and generated 4 comments.

Show a summary per file
File Description
src/Shared/Components/index.ts Exports the new Charts module
src/Shared/Components/Charts/types.ts Defines TypeScript interfaces for chart props and data structures
src/Shared/Components/Charts/constants.ts Contains color palettes and styling constants for light/dark themes
src/Shared/Components/Charts/utils.ts Provides utility functions for data transformation and chart configuration
src/Shared/Components/Charts/Chart.component.tsx Main Chart component implementation using Chart.js
src/Shared/Components/Charts/index.ts Module exports for the Charts component
package.json Adds chart.js dependency

Tip: Customize your code reviews with copilot-instructions.md. Create the file or learn how to get started.

AbhishekA1509
AbhishekA1509 previously approved these changes Aug 20, 2025
@Elessar1802 Elessar1802 merged commit e0fc646 into kubecon-2025 Aug 21, 2025
3 checks passed
@Elessar1802 Elessar1802 deleted the feat/charts branch August 21, 2025 11:16
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

3 participants