Skip to main content

Class: ChartConfigService

Defined in: src/services/chartConfig.ts:194

Chart Configuration Service for theme-aware chart styling.

Remarks​

Centralizes all chart configurations to ensure consistency and maintainability across the application. The service automatically applies theme colors, fonts, and spacing to all chart configurations.

Constructors​

Constructor​

new ChartConfigService(theme: Theme): ChartConfigService

Defined in: src/services/chartConfig.ts:205

Creates a new chart configuration service.

Parameters​

theme​

Theme

Theme instance containing colors, typography, and spacing

Returns​

ChartConfigService

Properties​

theme​

private readonly theme: Theme

Defined in: src/services/chartConfig.ts:196

Current theme instance for styling configuration

Methods​

getBarChartConfig()​

getBarChartConfig(): ChartOptions<"bar">

Defined in: src/services/chartConfig.ts:217

eslint-disable @typescript-eslint/no-unsafe-type-assertion -- Safe: Chart.js configuration object type assertions

Returns​

ChartOptions<"bar">

getDoughnutChartConfig()​

getDoughnutChartConfig(totalChecks: number): ChartOptions<"doughnut">

Defined in: src/services/chartConfig.ts:245

Uptime doughnut chart configuration

Parameters​

totalChecks​

number

Total number of checks for percentage calculation

Returns​

ChartOptions<"doughnut">

Chart configuration options for doughnut charts

getLineChartConfig()​

getLineChartConfig(): ChartOptions<"line">

Defined in: src/services/chartConfig.ts:290

Response time line chart configuration

Returns​

ChartOptions<"line">

Chart configuration options for line charts with responsive scaling

getAxisTitle()​

private getAxisTitle(text: string): AxisTitleConfig

Defined in: src/services/chartConfig.ts:341

Get common axis title configuration

Parameters​

text​

string

The text to display in the axis title

Returns​

AxisTitleConfig

Configured axis title object with theme-aware styling

getBaseConfig()​

private getBaseConfig(): Partial<ChartOptions>

Defined in: src/services/chartConfig.ts:362

Get base configuration shared across all chart types.

Returns​

Partial<ChartOptions>

Partial chart options with common styling and behavior

Remarks​

Provides consistent foundation for all charts including responsive behavior, theme-aware colors, typography, and tooltip styling. This configuration is extended by specific chart type methods.

This is an internal method used by other configuration methods.

getBaseScale()​

private getBaseScale(): BaseScaleConfig

Defined in: src/services/chartConfig.ts:394

Get base scale configuration with theme-aware styling

Returns​

BaseScaleConfig

Base scale configuration object for axes

getChartFont()​

private getChartFont(size: number, weight: string): ChartFontConfig

Defined in: src/services/chartConfig.ts:417

Get common font configuration used across charts

Parameters​

size​

number = 12

Font size in pixels (default: 12)

weight​

string = "normal"

Font weight (default: "normal")

Returns​

ChartFontConfig

Font configuration object with theme-aware family

getChartTitle()​

private getChartTitle(text: string): ChartTitleConfig

Defined in: src/services/chartConfig.ts:432

Get common title configuration for charts

Parameters​

text​

string

The text to display in the chart title

Returns​

ChartTitleConfig

Configured chart title object with theme-aware styling