import { TemplateResult } from 'lit'; import { BahtChartBase, ChartMarker, ChartSeries } from './charts.js'; /** * Multi-series line chart with a crosshair tooltip that lists every series at * the hovered x. One y axis only — never a second scale. * * const el = document.createElement('baht-line-chart'); * el.categories = ['Oct', 'Nov', 'Dec']; * el.series = [{ name: 'Income', values: [1, 2, 3] }]; */ export declare class BahtLineChart extends BahtChartBase { /** One entry per line: `{ name, values, color? }`. */ series: ChartSeries[]; /** X labels, one per value index. */ categories: string[]; /** Fill under the line at 10% opacity. Single series only. */ area: boolean; /** Reference lines (targets, averages) drawn across the plot. */ markers: ChartMarker[]; /** Draw the last N points dashed — a projection, not measured data. */ forecast: number; /** Hairline at this value (0, a target). `null` draws none. */ baseline: number | null; /** `ends` labels the last point of each line when the labels do not collide. */ labelValues: 'ends' | 'none'; /** Accessible summary; falls back to a generated sentence. */ label: string; /** * Drawing width in SVG units. It follows the host, so one unit is one CSS * pixel and tick text keeps its real size: not shrunk on a phone, not blown * up in a wide card (a capped drawing stretched to 1050px set 11px ticks at 18px). */ private width; private resizeObserver; connectedCallback(): void; disconnectedCallback(): void; protected firstUpdated(): void; /** Host width → drawing width. Never runs on the server (`hasDom` guard). */ private measure; private get plot(); protected render(): TemplateResult; private crosshairAt; private onHover; private onLeave; }