Class: ChartConfigService

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

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.

See

createChartConfigs for the functional wrapper.

Constructors

Constructor

new ChartConfigService(theme: Theme): ChartConfigService

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

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:228

Current theme instance for styling configuration

Methods

getBarChartConfig()

getBarChartConfig(): ChartOptions<"bar">

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

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:277

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:322

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:375

Internal

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:396

Internal

Get base configuration shared across all chart types.

Returns

Partial<ChartOptions>

Partial chart options with common styling and behavior.

Remarks

Provides a consistent foundation for all charts including responsive behavior, theme-aware colors, typography, and tooltip styling. Extended by chart-specific methods to avoid duplication.

---

getBaseScale()

private getBaseScale(): BaseScaleConfig

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

Internal

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:455

Internal

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:472

Internal

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.