Data Visualization
Revenue Growth Analysis
Interactive Component Editor
No example data found in JSDoc @example
Add an @example block to enable interactive editing
Component Information
Name: DataChart
Category: data
Path: src/components/data/DataChart.astro
Description: DataChart - Customizable bar chart component for data visualization
JSDoc Props Documentation
title?: string - Chart title displayed above the visualization (default: "Data Visualization")
type: 'bar' | 'line' | 'revenue' | 'performance' | 'forecast' - Chart type determining default styling and behavior (required)
data?: array - Array of data points with label, value, optional secondaryValue, and color (optional, uses defaults based on type)
legend?: array - Array of legend items with label and color (optional, uses defaults based on type)
yAxisMax?: number - Maximum value for Y-axis scaling (default: 300)
Documentation
For detailed usage instructions, props, and examples, check the JSDoc comments in the component file or see the complete component documentation.