import type { DataTestId, MaskingProps, StylingProps } from '@dynatrace/strato-components/core'; import type { ConvertibleUnit, FormatOptions, Unit } from '@dynatrace-sdk/units'; import type { Formatter } from '../../core/types/formatter.js'; /** * Props of the GaugeChart component * @public */ export interface GaugeChartProps extends StylingProps, MaskingProps, DataTestId { /** * Value of the meter bar segment */ value: number; /** * Min value for the meter bar chart scale. * @defaultValue 0 */ min?: number; /** * Max value for the meter bar chart scale. * @defaultValue 100 */ max?: number; /** * Color of the meter bar segment. If not provided, it will display a default color. * @defaultValue 'Colors.Charts.Categorical.Color11.Default' */ color?: string; /** * Custom Formatter for the chart */ formatter?: Formatter | FormatOptions; /** * Chart width. A number in pixels is expected. Otherwise, it will take the full width of the container * @defaultValue 100% */ width?: number | string; /** * Chart height. When a number is specified, it's treated in pixels, * otherwise a valid height string is expected. * @defaultValue 300px */ height?: number | string; } /** * @public */ export interface GaugeChartRef { /** Chart div element */ readonly element: HTMLDivElement | null; /** Returns the current serialized config of the GaugeBarChart.*/ getConfig: () => string; }