@c2n/chart 0.0.7 → 0.0.8
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +44 -14
- package/dist/area-chart.js +2 -2
- package/dist/bar-chart.js +4 -3
- package/dist/candlestick-chart.js +139 -0
- package/dist/{chart-base-C4-1TyKq.js → chart-base-BwPwRgHt.js} +89 -10
- package/dist/chart-base.js +1 -1
- package/dist/chart-legend-DJE3HO7C.js +49 -0
- package/dist/chart-legend.js +2 -0
- package/dist/chart-link-C9vN9Y6c.js +75 -0
- package/dist/chart-series.js +75 -1
- package/dist/chart-tooltip-J-oC2DKZ.js +130 -0
- package/dist/chart-tooltip.js +2 -0
- package/dist/chart.js +10 -5
- package/dist/decorate-BkO8ArQg.js +9 -0
- package/dist/{echarts-chart-base-LogCQN10.js → echarts-chart-base-6JsZbB05.js} +2 -4
- package/dist/echarts-chart-base.js +1 -1
- package/dist/gauge-chart.js +103 -0
- package/dist/line-chart.js +4 -3
- package/dist/pie-chart.js +11 -2
- package/dist/scatter-chart.js +40 -0
- package/dist/sparkline.js +4 -4
- package/dist/{uplot-chart-base-BWr0zJE2.js → uplot-chart-base-CDHzOLwa.js} +21 -5
- package/dist/uplot-chart-base.js +1 -1
- package/dist/{uplot-paths-ChKohvIX.js → uplot-paths-BRtF33Wh.js} +1 -1
- package/package.json +26 -3
- package/react.d.ts +10 -0
- package/types/src/candlestick-chart.d.ts +52 -0
- package/types/src/candlestick-chart.d.ts.map +1 -0
- package/types/src/chart-base.d.ts +31 -1
- package/types/src/chart-base.d.ts.map +1 -1
- package/types/src/chart-legend.d.ts +37 -0
- package/types/src/chart-legend.d.ts.map +1 -0
- package/types/src/chart-link.d.ts +26 -0
- package/types/src/chart-link.d.ts.map +1 -0
- package/types/src/chart-tooltip.d.ts +42 -0
- package/types/src/chart-tooltip.d.ts.map +1 -0
- package/types/src/chart.d.ts +11 -1
- package/types/src/chart.d.ts.map +1 -1
- package/types/src/engines/echarts-loader.d.ts +1 -1
- package/types/src/engines/echarts-loader.d.ts.map +1 -1
- package/types/src/engines/uplot-adapter.d.ts.map +1 -1
- package/types/src/gauge-chart.d.ts +52 -0
- package/types/src/gauge-chart.d.ts.map +1 -0
- package/types/src/pie-chart.d.ts +3 -0
- package/types/src/pie-chart.d.ts.map +1 -1
- package/types/src/scatter-chart.d.ts +41 -0
- package/types/src/scatter-chart.d.ts.map +1 -0
- package/vue.d.ts +81 -0
- package/dist/chart-series-BnpHO3lm.js +0 -83
|
@@ -0,0 +1,52 @@
|
|
|
1
|
+
import type { TypedAddEventListener, TypedRemoveEventListener } from '@c2n/core/event-helper.js';
|
|
2
|
+
import { EchartsChartBase } from './echarts-chart-base.js';
|
|
3
|
+
import type { ChartEventMap, ChartLegendItem } from './chart-base.js';
|
|
4
|
+
import type { ChartBuildContext } from './chart-adapter.js';
|
|
5
|
+
import type { EchartsOptions } from './engines/echarts-adapter.js';
|
|
6
|
+
import type { EchartsFeature } from './engines/echarts-loader.js';
|
|
7
|
+
import type { ChartFrame, ChartSeriesConfig } from './chart-types.js';
|
|
8
|
+
import './chart-series.js';
|
|
9
|
+
export interface CandlestickChart {
|
|
10
|
+
addEventListener: TypedAddEventListener<CandlestickChart, ChartEventMap>;
|
|
11
|
+
removeEventListener: TypedRemoveEventListener<CandlestickChart, ChartEventMap>;
|
|
12
|
+
}
|
|
13
|
+
/**
|
|
14
|
+
* An OHLC candlestick chart drawn by ECharts. With no series children it reads the `open`, `close`, `low`
|
|
15
|
+
* and `high` fields; the four `*-field` attributes rename that convention. Four explicit series children
|
|
16
|
+
* can instead supply those columns in the same order.
|
|
17
|
+
*
|
|
18
|
+
* ```html
|
|
19
|
+
* <c2-candlestick-chart label-field="date"
|
|
20
|
+
* data='[{ "date": "Mon", "open": 182, "close": 187, "low": 180, "high": 189 }]'>
|
|
21
|
+
* </c2-candlestick-chart>
|
|
22
|
+
* ```
|
|
23
|
+
*
|
|
24
|
+
* @tag c2-candlestick-chart
|
|
25
|
+
*/
|
|
26
|
+
export declare class CandlestickChart extends EchartsChartBase {
|
|
27
|
+
protected readonly features: readonly EchartsFeature[];
|
|
28
|
+
/** Row field containing the opening value. */
|
|
29
|
+
openField: string;
|
|
30
|
+
/** Row field containing the closing value. */
|
|
31
|
+
closeField: string;
|
|
32
|
+
/** Row field containing the lowest value. */
|
|
33
|
+
lowField: string;
|
|
34
|
+
/** Row field containing the highest value. */
|
|
35
|
+
highField: string;
|
|
36
|
+
/** Name shown by an enabled legend for the complete OHLC series. */
|
|
37
|
+
name: string;
|
|
38
|
+
constructor();
|
|
39
|
+
protected inferredSeries(): ChartSeriesConfig[];
|
|
40
|
+
protected coordinateSystem(context: ChartBuildContext): Record<string, unknown>;
|
|
41
|
+
protected projectData(frame: ChartFrame): unknown[];
|
|
42
|
+
protected buildOptions(context: ChartBuildContext): EchartsOptions;
|
|
43
|
+
protected seriesOption(_index: number, context: ChartBuildContext): Record<string, unknown>;
|
|
44
|
+
protected legendItems(): ChartLegendItem[];
|
|
45
|
+
private xLabels;
|
|
46
|
+
}
|
|
47
|
+
declare global {
|
|
48
|
+
interface HTMLElementTagNameMap {
|
|
49
|
+
'c2-candlestick-chart': CandlestickChart;
|
|
50
|
+
}
|
|
51
|
+
}
|
|
52
|
+
//# sourceMappingURL=candlestick-chart.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"candlestick-chart.d.ts","sourceRoot":"","sources":["../../src/candlestick-chart.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,qBAAqB,EAAE,wBAAwB,EAAE,MAAM,2BAA2B,CAAA;AAChG,OAAO,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAA;AAC1D,OAAO,KAAK,EAAE,aAAa,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAA;AACrE,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,oBAAoB,CAAA;AAC3D,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,8BAA8B,CAAA;AAClE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAA;AAEjE,OAAO,KAAK,EAAE,UAAU,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAA;AACrE,OAAO,mBAAmB,CAAA;AAE1B,MAAM,WAAW,gBAAgB;IAC/B,gBAAgB,EAAE,qBAAqB,CAAC,gBAAgB,EAAE,aAAa,CAAC,CAAA;IACxE,mBAAmB,EAAE,wBAAwB,CAAC,gBAAgB,EAAE,aAAa,CAAC,CAAA;CAC/E;AAED;;;;;;;;;;;;GAYG;AACH,qBACa,gBAAiB,SAAQ,gBAAgB;IACpD,mBAA4B,QAAQ,EAAE,SAAS,cAAc,EAAE,CAA0B;IAEzF,8CAA8C;IACO,SAAS,SAAS;IAEvE,8CAA8C;IACQ,UAAU,SAAU;IAE1E,6CAA6C;IACO,QAAQ,SAAQ;IAEpE,8CAA8C;IACO,SAAS,SAAS;IAEvE,oEAAoE;IACxC,IAAI,SAAU;;cASvB,cAAc,IAAI,iBAAiB,EAAE;cASrC,gBAAgB,CAAC,OAAO,EAAE,iBAAiB,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;cAUrE,WAAW,CAAC,KAAK,EAAE,UAAU,GAAG,OAAO,EAAE;cAWzC,YAAY,CAAC,OAAO,EAAE,iBAAiB,GAAG,cAAc;cAKxD,YAAY,CAAC,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,iBAAiB,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;cAYjF,WAAW,IAAI,eAAe,EAAE;IAcnD,OAAO,CAAC,OAAO;CAKhB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,sBAAsB,EAAE,gBAAgB,CAAA;KACzC;CACF"}
|
|
@@ -14,6 +14,10 @@ export interface ChartLegendItem {
|
|
|
14
14
|
series: ChartSeriesConfig;
|
|
15
15
|
index: number;
|
|
16
16
|
}
|
|
17
|
+
/** Detail emitted whenever the component-owned legend model changes. */
|
|
18
|
+
export interface ChartLegendChangeEventDetail {
|
|
19
|
+
items: ChartLegendItem[];
|
|
20
|
+
}
|
|
17
21
|
/** Events fired by every chart, keyed for `addEventListener`. */
|
|
18
22
|
export interface ChartEventMap {
|
|
19
23
|
'chart-ready': CustomEvent<{
|
|
@@ -24,6 +28,8 @@ export interface ChartEventMap {
|
|
|
24
28
|
}>;
|
|
25
29
|
'point-click': CustomEvent<ChartPointEventDetail>;
|
|
26
30
|
'point-hover': CustomEvent<ChartPointEventDetail | null>;
|
|
31
|
+
'tooltip-change': CustomEvent<ChartTooltipContext | null>;
|
|
32
|
+
'legend-change': CustomEvent<ChartLegendChangeEventDetail>;
|
|
27
33
|
'range-change': CustomEvent<ChartRangeEventDetail>;
|
|
28
34
|
'series-toggle': CustomEvent<ChartSeriesToggleEventDetail>;
|
|
29
35
|
}
|
|
@@ -59,7 +65,9 @@ export interface ChartBase {
|
|
|
59
65
|
* @event {CustomEvent<{ engine: string }>} chart-ready - Fired after the engine has loaded and drawn for the first time. The host also gains `data-chart-ready`, which is what a test should wait on.
|
|
60
66
|
* @event {CustomEvent<{ error: unknown }>} chart-error - Fired when the engine fails to load or to draw. `detail.error` is the underlying failure.
|
|
61
67
|
* @event {CustomEvent<ChartPointEventDetail>} point-click - Fired when a datum is clicked. Does not bubble: several components fire point events, so a listener belongs on the element itself.
|
|
62
|
-
* @event {CustomEvent<ChartPointEventDetail>} point-hover - Fired as the pointer moves between data points, and with a `null` detail when it leaves the plot. Does not bubble.
|
|
68
|
+
* @event {CustomEvent<ChartPointEventDetail | null>} point-hover - Fired as the pointer moves between data points, and with a `null` detail when it leaves the plot. Does not bubble.
|
|
69
|
+
* @event {CustomEvent<ChartTooltipContext | null>} tooltip-change - Fired with the complete tooltip model as the pointer moves, and with `null` when it leaves. Used by `c2-chart-tooltip`.
|
|
70
|
+
* @event {CustomEvent<ChartLegendChangeEventDetail>} legend-change - Fired when legend entries or visibility change. Used by `c2-chart-legend`.
|
|
63
71
|
* @event {CustomEvent<ChartRangeEventDetail>} range-change - Fired after the user zooms or brushes. `detail.min` and `detail.max` are the new x bounds. Does not bubble.
|
|
64
72
|
* @event {CustomEvent<ChartSeriesToggleEventDetail>} series-toggle - Fired when a legend entry is toggled. Does not bubble.
|
|
65
73
|
*
|
|
@@ -190,6 +198,8 @@ export declare abstract class ChartBase extends LitElement {
|
|
|
190
198
|
protected hiddenSeries: Set<number>;
|
|
191
199
|
protected hoverContext: ChartTooltipContext | null;
|
|
192
200
|
private engineFailed;
|
|
201
|
+
private hasLinkedLegend;
|
|
202
|
+
private hasLinkedTooltip;
|
|
193
203
|
protected themeController: ChartThemeController;
|
|
194
204
|
protected frameBuilder: ChartFrameBuilder;
|
|
195
205
|
protected frame?: ChartFrame;
|
|
@@ -202,6 +212,10 @@ export declare abstract class ChartBase extends LitElement {
|
|
|
202
212
|
protected abstract buildOptions(context: ChartBuildContext): unknown;
|
|
203
213
|
/** Projects the normalised frame into the shape this engine consumes. */
|
|
204
214
|
protected abstract projectData(frame: ChartFrame, context: ChartBuildContext): unknown;
|
|
215
|
+
/** Restores interaction state after an engine instance is created or replaced. */
|
|
216
|
+
protected restoreVisibility(adapter: ChartAdapter): void;
|
|
217
|
+
/** Whether changing chart data can change the legend model. Pie charts use row labels as entries. */
|
|
218
|
+
protected get legendDependsOnData(): boolean;
|
|
205
219
|
connectedCallback(): void;
|
|
206
220
|
disconnectedCallback(): void;
|
|
207
221
|
/**
|
|
@@ -223,6 +237,22 @@ export declare abstract class ChartBase extends LitElement {
|
|
|
223
237
|
appendPoint(x: number, values: readonly (number | null)[]): void;
|
|
224
238
|
/** Shows or hides one series, as the legend does. */
|
|
225
239
|
setSeriesVisible(index: number, visible: boolean): void;
|
|
240
|
+
/** Current entries for a linked `c2-chart-legend`. */
|
|
241
|
+
getLegendItems(): ChartLegendItem[];
|
|
242
|
+
/** Current hover model for a linked `c2-chart-tooltip`. */
|
|
243
|
+
getTooltipContext(): ChartTooltipContext | null;
|
|
244
|
+
/** Plot bounds used to place a linked floating tooltip in viewport coordinates. */
|
|
245
|
+
getPlotBounds(): DOMRect;
|
|
246
|
+
/** Registers an external legend and suppresses the built-in legend until it disconnects. */
|
|
247
|
+
registerLegendPresenter(presenter: HTMLElement): void;
|
|
248
|
+
/** Removes an external legend registration. */
|
|
249
|
+
unregisterLegendPresenter(presenter: HTMLElement): void;
|
|
250
|
+
/** Registers an external tooltip and suppresses the built-in tooltip until it disconnects. */
|
|
251
|
+
registerTooltipPresenter(presenter: HTMLElement): void;
|
|
252
|
+
/** Removes an external tooltip registration. */
|
|
253
|
+
unregisterTooltipPresenter(presenter: HTMLElement): void;
|
|
254
|
+
/** Notifies linked legends after a subclass changes a data-shaped legend such as pie slices. */
|
|
255
|
+
protected notifyLegendChange(): void;
|
|
226
256
|
/** The series in draw order: `c2-chart-series` children when present, otherwise the `series` property. */
|
|
227
257
|
get resolvedSeries(): ChartSeriesConfig[];
|
|
228
258
|
/**
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"chart-base.d.ts","sourceRoot":"","sources":["../../src/chart-base.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAsC,KAAK,cAAc,EAAE,KAAK,cAAc,EAAE,KAAK,cAAc,EAAE,MAAM,KAAK,CAAA;AAGnI,OAAO,KAAK,EAAE,qBAAqB,EAAE,wBAAwB,EAAE,MAAM,2BAA2B,CAAA;AAEhG,OAAO,EAAE,iBAAiB,EAAe,KAAK,gBAAgB,EAAE,MAAM,iBAAiB,CAAA;AACvF,OAAO,EAAE,oBAAoB,EAAgB,KAAK,UAAU,EAAE,MAAM,kBAAkB,CAAA;AACtF,OAAO,KAAK,EAAE,YAAY,EAAE,iBAAiB,EAAE,MAAM,oBAAoB,CAAA;AACzE,OAAO,EAAmC,KAAK,WAAW,EAAE,MAAM,mBAAmB,CAAA;AACrF,OAAO,KAAK,EACV,eAAe,EACf,UAAU,EACV,UAAU,EACV,qBAAqB,EACrB,qBAAqB,EACrB,iBAAiB,EACjB,4BAA4B,EAC5B,mBAAmB,EAEpB,MAAM,kBAAkB,CAAA;
|
|
1
|
+
{"version":3,"file":"chart-base.d.ts","sourceRoot":"","sources":["../../src/chart-base.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,37 @@
|
|
|
1
|
+
import { type CSSResultGroup, type TemplateResult } from 'lit';
|
|
2
|
+
import { ChartLinkedElement, type ChartLinkTarget } from './chart-link.js';
|
|
3
|
+
import type { ChartLegendItem } from './chart-base.js';
|
|
4
|
+
/**
|
|
5
|
+
* A legend linked to a chart by id. Place it anywhere in the document to control the legend's layout
|
|
6
|
+
* independently from the chart.
|
|
7
|
+
*
|
|
8
|
+
* @tag c2-chart-legend
|
|
9
|
+
* @slot - Replaces the generated legend. Use `renderLegend` or `renderLegendItem` for data-driven custom content.
|
|
10
|
+
* @csspart item - One interactive legend entry.
|
|
11
|
+
* @csspart marker - The colour swatch inside an entry.
|
|
12
|
+
* @cssproperty {pixel} [--c2-chart__legend--gap=12px] - Gap between legend entries.
|
|
13
|
+
* @cssproperty {padding} [--c2-chart__legend--padding=0] - Padding around the legend.
|
|
14
|
+
* @cssproperty {color} [--c2-chart__legend--color=#71717a] - Legend text colour.
|
|
15
|
+
* @cssproperty {font-size} [--c2-chart__legend--font-size=12px] - Legend font size.
|
|
16
|
+
* @cssproperty {opacity} [--c2-chart__legend__disabled--opacity=0.38] - Opacity of a disabled entry.
|
|
17
|
+
* @cssproperty {pixel} [--c2-chart__legend-marker--size=10px] - Size of the colour swatch.
|
|
18
|
+
* @cssproperty {border-radius} [--c2-chart__legend-marker--border-radius=999px] - Radius of the colour swatch.
|
|
19
|
+
*/
|
|
20
|
+
export declare class ChartLegend extends ChartLinkedElement {
|
|
21
|
+
#private;
|
|
22
|
+
static styles: CSSResultGroup;
|
|
23
|
+
/** Renders the complete legend. Property only. */
|
|
24
|
+
renderLegend?: (items: ChartLegendItem[]) => unknown;
|
|
25
|
+
/** Renders the content of one generated toggle button. Property only. */
|
|
26
|
+
renderLegendItem?: (item: ChartLegendItem) => unknown;
|
|
27
|
+
private items;
|
|
28
|
+
protected chartConnected(chart: ChartLinkTarget): void;
|
|
29
|
+
protected chartDisconnected(chart: ChartLinkTarget): void;
|
|
30
|
+
protected render(): TemplateResult;
|
|
31
|
+
}
|
|
32
|
+
declare global {
|
|
33
|
+
interface HTMLElementTagNameMap {
|
|
34
|
+
'c2-chart-legend': ChartLegend;
|
|
35
|
+
}
|
|
36
|
+
}
|
|
37
|
+
//# sourceMappingURL=chart-legend.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"chart-legend.d.ts","sourceRoot":"","sources":["../../src/chart-legend.ts"],"names":[],"mappings":"AAAA,OAAO,EAAmB,KAAK,cAAc,EAAE,KAAK,cAAc,EAAE,MAAM,KAAK,CAAA;AAG/E,OAAO,EAAE,kBAAkB,EAAE,KAAK,eAAe,EAAE,MAAM,iBAAiB,CAAA;AAC1E,OAAO,KAAK,EAAgC,eAAe,EAAE,MAAM,iBAAiB,CAAA;AAGpF;;;;;;;;;;;;;;;GAeG;AACH,qBACa,WAAY,SAAQ,kBAAkB;;IACjD,OAAgB,MAAM,EAAE,cAAc,CAAoB;IAE1D,kDAAkD;IAClB,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,eAAe,EAAE,KAAK,OAAO,CAAA;IAEpF,yEAAyE;IACzC,gBAAgB,CAAC,EAAE,CAAC,IAAI,EAAE,eAAe,KAAK,OAAO,CAAA;IAE5E,OAAO,CAAC,KAAK,CAAwB;cAM3B,cAAc,CAAC,KAAK,EAAE,eAAe,GAAG,IAAI;cAM5C,iBAAiB,CAAC,KAAK,EAAE,eAAe,GAAG,IAAI;cAM/C,MAAM,IAAI,cAAc;CAkB5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,iBAAiB,EAAE,WAAW,CAAA;KAC/B;CACF"}
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
import { LitElement, type PropertyValues } from 'lit';
|
|
2
|
+
import type { ChartLegendItem } from './chart-base.js';
|
|
3
|
+
import type { ChartTooltipContext } from './chart-types.js';
|
|
4
|
+
/** The small public surface companion elements consume without depending on a concrete chart type. */
|
|
5
|
+
export interface ChartLinkTarget extends HTMLElement {
|
|
6
|
+
getLegendItems(): ChartLegendItem[];
|
|
7
|
+
getTooltipContext(): ChartTooltipContext | null;
|
|
8
|
+
getPlotBounds(): DOMRect;
|
|
9
|
+
registerLegendPresenter(presenter: HTMLElement): void;
|
|
10
|
+
unregisterLegendPresenter(presenter: HTMLElement): void;
|
|
11
|
+
registerTooltipPresenter(presenter: HTMLElement): void;
|
|
12
|
+
unregisterTooltipPresenter(presenter: HTMLElement): void;
|
|
13
|
+
}
|
|
14
|
+
/** Resolves and follows a chart by id within the companion's document or shadow root. */
|
|
15
|
+
export declare abstract class ChartLinkedElement extends LitElement {
|
|
16
|
+
#private;
|
|
17
|
+
/** Id of the chart this element presents. */
|
|
18
|
+
for: string;
|
|
19
|
+
protected chart?: ChartLinkTarget;
|
|
20
|
+
connectedCallback(): void;
|
|
21
|
+
disconnectedCallback(): void;
|
|
22
|
+
protected willUpdate(changed: PropertyValues): void;
|
|
23
|
+
protected chartConnected(_chart: ChartLinkTarget): void;
|
|
24
|
+
protected chartDisconnected(_chart: ChartLinkTarget): void;
|
|
25
|
+
}
|
|
26
|
+
//# sourceMappingURL=chart-link.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"chart-link.d.ts","sourceRoot":"","sources":["../../src/chart-link.ts"],"names":[],"mappings":"AAAA,OAAO,EAAY,UAAU,EAAE,KAAK,cAAc,EAAE,MAAM,KAAK,CAAA;AAE/D,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAA;AACtD,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAA;AAE3D,sGAAsG;AACtG,MAAM,WAAW,eAAgB,SAAQ,WAAW;IAClD,cAAc,IAAI,eAAe,EAAE,CAAA;IACnC,iBAAiB,IAAI,mBAAmB,GAAG,IAAI,CAAA;IAC/C,aAAa,IAAI,OAAO,CAAA;IACxB,uBAAuB,CAAC,SAAS,EAAE,WAAW,GAAG,IAAI,CAAA;IACrD,yBAAyB,CAAC,SAAS,EAAE,WAAW,GAAG,IAAI,CAAA;IACvD,wBAAwB,CAAC,SAAS,EAAE,WAAW,GAAG,IAAI,CAAA;IACtD,0BAA0B,CAAC,SAAS,EAAE,WAAW,GAAG,IAAI,CAAA;CACzD;AAED,yFAAyF;AACzF,8BAAsB,kBAAmB,SAAQ,UAAU;;IACzD,6CAA6C;IACF,GAAG,SAAK;IAEnD,SAAS,CAAC,KAAK,CAAC,EAAE,eAAe,CAAA;IAIxB,iBAAiB,IAAI,IAAI;IAkBzB,oBAAoB,IAAI,IAAI;cAclB,UAAU,CAAC,OAAO,EAAE,cAAc,GAAG,IAAI;IAI5D,SAAS,CAAC,cAAc,CAAC,MAAM,EAAE,eAAe,GAAG,IAAI;IAEvD,SAAS,CAAC,iBAAiB,CAAC,MAAM,EAAE,eAAe,GAAG,IAAI;CA0B3D"}
|
|
@@ -0,0 +1,42 @@
|
|
|
1
|
+
import { type CSSResultGroup, type PropertyValues, type TemplateResult } from 'lit';
|
|
2
|
+
import { ChartLinkedElement, type ChartLinkTarget } from './chart-link.js';
|
|
3
|
+
import type { ChartTooltipContext } from './chart-types.js';
|
|
4
|
+
/**
|
|
5
|
+
* A tooltip linked to a chart by id. It can float beside the hovered point or render inline wherever it is
|
|
6
|
+
* placed in the document.
|
|
7
|
+
*
|
|
8
|
+
* @tag c2-chart-tooltip
|
|
9
|
+
* @slot - Replaces the generated tooltip body. Use `renderTooltip` for data-driven custom content.
|
|
10
|
+
* @csspart bubble - The tooltip surface.
|
|
11
|
+
* @cssproperty {color} [--c2-chart__tooltip--background-color=#18181b] - Tooltip background.
|
|
12
|
+
* @cssproperty {color} [--c2-chart__tooltip--color=#fafafa] - Tooltip text colour.
|
|
13
|
+
* @cssproperty {font-size} [--c2-chart__tooltip--font-size=12px] - Tooltip font size.
|
|
14
|
+
* @cssproperty {padding} [--c2-chart__tooltip--padding=8px 10px] - Tooltip padding.
|
|
15
|
+
* @cssproperty {border-radius} [--c2-chart__tooltip--border-radius=6px] - Tooltip corner radius.
|
|
16
|
+
* @cssproperty {box-shadow} [--c2-chart__tooltip--box-shadow=0 8px 24px rgba(24, 24, 27, 0.08)] - Tooltip shadow.
|
|
17
|
+
* @cssproperty {pixel} [--c2-chart__tooltip--gap=6px] - Gap between tooltip rows.
|
|
18
|
+
*/
|
|
19
|
+
export declare class ChartTooltip extends ChartLinkedElement {
|
|
20
|
+
#private;
|
|
21
|
+
static styles: CSSResultGroup;
|
|
22
|
+
/** Whether the tooltip follows the hovered point or occupies its authored HTML position. */
|
|
23
|
+
position: 'floating' | 'inline';
|
|
24
|
+
/** Preferred side of the hovered point when `position="floating"`. Flips at viewport edges. */
|
|
25
|
+
placement: 'top' | 'bottom' | 'start' | 'end';
|
|
26
|
+
/** Renders the tooltip body. Property only. */
|
|
27
|
+
renderTooltip?: (context: ChartTooltipContext) => unknown;
|
|
28
|
+
private bubble?;
|
|
29
|
+
constructor();
|
|
30
|
+
connectedCallback(): void;
|
|
31
|
+
disconnectedCallback(): void;
|
|
32
|
+
protected chartConnected(chart: ChartLinkTarget): void;
|
|
33
|
+
protected chartDisconnected(chart: ChartLinkTarget): void;
|
|
34
|
+
protected updated(changed: PropertyValues): void;
|
|
35
|
+
protected render(): TemplateResult;
|
|
36
|
+
}
|
|
37
|
+
declare global {
|
|
38
|
+
interface HTMLElementTagNameMap {
|
|
39
|
+
'c2-chart-tooltip': ChartTooltip;
|
|
40
|
+
}
|
|
41
|
+
}
|
|
42
|
+
//# sourceMappingURL=chart-tooltip.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"chart-tooltip.d.ts","sourceRoot":"","sources":["../../src/chart-tooltip.ts"],"names":[],"mappings":"AAAA,OAAO,EAA6B,KAAK,cAAc,EAAE,KAAK,cAAc,EAAE,KAAK,cAAc,EAAE,MAAM,KAAK,CAAA;AAG9G,OAAO,EAAE,kBAAkB,EAAE,KAAK,eAAe,EAAE,MAAM,iBAAiB,CAAA;AAC1E,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAA;AAG3D;;;;;;;;;;;;;;GAcG;AACH,qBACa,YAAa,SAAQ,kBAAkB;;IAClD,OAAgB,MAAM,EAAE,cAAc,CAAoB;IAE1D,4FAA4F;IACjD,QAAQ,EAAE,UAAU,GAAG,QAAQ,CAAa;IAEvF,+FAA+F;IACpD,SAAS,EAAE,KAAK,GAAG,QAAQ,GAAG,OAAO,GAAG,KAAK,CAAQ;IAEhG,+CAA+C;IACf,aAAa,CAAC,EAAE,CAAC,OAAO,EAAE,mBAAmB,KAAK,OAAO,CAAA;IAEvE,OAAO,CAAC,MAAM,CAAC,CAAa;;IASrC,iBAAiB,IAAI,IAAI;IAOzB,oBAAoB,IAAI,IAAI;cAiBlB,cAAc,CAAC,KAAK,EAAE,eAAe,GAAG,IAAI;cAM5C,iBAAiB,CAAC,KAAK,EAAE,eAAe,GAAG,IAAI;cAO/C,OAAO,CAAC,OAAO,EAAE,cAAc,GAAG,IAAI;cAKtC,MAAM,IAAI,cAAc;CA6D5C;AAQD,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,kBAAkB,EAAE,YAAY,CAAA;KACjC;CACF"}
|
package/types/src/chart.d.ts
CHANGED
|
@@ -9,8 +9,13 @@ import './area-chart.js';
|
|
|
9
9
|
import './bar-chart.js';
|
|
10
10
|
import './sparkline.js';
|
|
11
11
|
import './pie-chart.js';
|
|
12
|
+
import './gauge-chart.js';
|
|
13
|
+
import './scatter-chart.js';
|
|
14
|
+
import './candlestick-chart.js';
|
|
12
15
|
import './chart-series.js';
|
|
13
|
-
|
|
16
|
+
import './chart-legend.js';
|
|
17
|
+
import './chart-tooltip.js';
|
|
18
|
+
export { ChartBase, type ChartEventMap, type ChartLegendChangeEventDetail, type ChartLegendItem } from './chart-base.js';
|
|
14
19
|
export { UplotChartBase, type UplotSeriesStyle } from './uplot-chart-base.js';
|
|
15
20
|
export { EchartsChartBase } from './echarts-chart-base.js';
|
|
16
21
|
export { LineChart } from './line-chart.js';
|
|
@@ -18,7 +23,12 @@ export { AreaChart } from './area-chart.js';
|
|
|
18
23
|
export { BarChart } from './bar-chart.js';
|
|
19
24
|
export { Sparkline } from './sparkline.js';
|
|
20
25
|
export { PieChart } from './pie-chart.js';
|
|
26
|
+
export { GaugeChart } from './gauge-chart.js';
|
|
27
|
+
export { ScatterChart } from './scatter-chart.js';
|
|
28
|
+
export { CandlestickChart } from './candlestick-chart.js';
|
|
21
29
|
export { ChartSeries, SERIES_CHANGE_EVENT } from './chart-series.js';
|
|
30
|
+
export { ChartLegend } from './chart-legend.js';
|
|
31
|
+
export { ChartTooltip } from './chart-tooltip.js';
|
|
22
32
|
export { ChartFrameBuilder, columnValue, type NormalizeContext } from './chart-data.js';
|
|
23
33
|
export { ChartThemeController, PALETTE_SIZE, PROBE_COLORS, type ChartTheme } from './chart-theme.js';
|
|
24
34
|
export type { ChartAdapter, ChartAdapterEvents, ChartBuildContext } from './chart-adapter.js';
|
package/types/src/chart.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"chart.d.ts","sourceRoot":"","sources":["../../src/chart.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,OAAO,iBAAiB,CAAA;AACxB,OAAO,iBAAiB,CAAA;AACxB,OAAO,gBAAgB,CAAA;AACvB,OAAO,gBAAgB,CAAA;AACvB,OAAO,gBAAgB,CAAA;AACvB,OAAO,mBAAmB,CAAA;
|
|
1
|
+
{"version":3,"file":"chart.d.ts","sourceRoot":"","sources":["../../src/chart.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,OAAO,iBAAiB,CAAA;AACxB,OAAO,iBAAiB,CAAA;AACxB,OAAO,gBAAgB,CAAA;AACvB,OAAO,gBAAgB,CAAA;AACvB,OAAO,gBAAgB,CAAA;AACvB,OAAO,kBAAkB,CAAA;AACzB,OAAO,oBAAoB,CAAA;AAC3B,OAAO,wBAAwB,CAAA;AAC/B,OAAO,mBAAmB,CAAA;AAC1B,OAAO,mBAAmB,CAAA;AAC1B,OAAO,oBAAoB,CAAA;AAE3B,OAAO,EAAE,SAAS,EAAE,KAAK,aAAa,EAAE,KAAK,4BAA4B,EAAE,KAAK,eAAe,EAAE,MAAM,iBAAiB,CAAA;AACxH,OAAO,EAAE,cAAc,EAAE,KAAK,gBAAgB,EAAE,MAAM,uBAAuB,CAAA;AAC7E,OAAO,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAA;AAC1D,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAA;AAC3C,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAA;AAC3C,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAA;AACzC,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAA;AAC1C,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAA;AACzC,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAA;AAC7C,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAA;AACjD,OAAO,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAA;AACzD,OAAO,EAAE,WAAW,EAAE,mBAAmB,EAAE,MAAM,mBAAmB,CAAA;AACpE,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAA;AAC/C,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAA;AACjD,OAAO,EAAE,iBAAiB,EAAE,WAAW,EAAE,KAAK,gBAAgB,EAAE,MAAM,iBAAiB,CAAA;AACvF,OAAO,EAAE,oBAAoB,EAAE,YAAY,EAAE,YAAY,EAAE,KAAK,UAAU,EAAE,MAAM,kBAAkB,CAAA;AACpG,YAAY,EAAE,YAAY,EAAE,kBAAkB,EAAE,iBAAiB,EAAE,MAAM,oBAAoB,CAAA;AAC7F,YAAY,EACV,WAAW,EACX,kBAAkB,EAClB,eAAe,EACf,UAAU,EACV,UAAU,EACV,qBAAqB,EACrB,qBAAqB,EACrB,QAAQ,EACR,iBAAiB,EACjB,4BAA4B,EAC5B,mBAAmB,EACnB,iBAAiB,EACjB,kBAAkB,EAClB,iBAAiB,GAClB,MAAM,kBAAkB,CAAA;AACzB,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAA"}
|
|
@@ -7,7 +7,7 @@
|
|
|
7
7
|
*/
|
|
8
8
|
import type * as echarts from 'echarts/core';
|
|
9
9
|
/** A registerable ECharts module, keyed by the chart type or component that needs it. */
|
|
10
|
-
export type EchartsFeature = 'pie' | 'gauge' | 'scatter' | '
|
|
10
|
+
export type EchartsFeature = 'pie' | 'gauge' | 'scatter' | 'candlestick' | 'bar' | 'line' | 'grid' | 'legend' | 'tooltip' | 'dataZoom';
|
|
11
11
|
/**
|
|
12
12
|
* Loads `echarts/core`, registers `features` and the chosen renderer, and returns the core namespace.
|
|
13
13
|
* Registration is idempotent and deduped, so calling this per element is cheap after the first.
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"echarts-loader.d.ts","sourceRoot":"","sources":["../../../src/engines/echarts-loader.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AACH,OAAO,KAAK,KAAK,OAAO,MAAM,cAAc,CAAA;AAE5C,yFAAyF;AACzF,MAAM,MAAM,cAAc,GAAG,KAAK,GAAG,OAAO,GAAG,SAAS,GAAG,
|
|
1
|
+
{"version":3,"file":"echarts-loader.d.ts","sourceRoot":"","sources":["../../../src/engines/echarts-loader.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AACH,OAAO,KAAK,KAAK,OAAO,MAAM,cAAc,CAAA;AAE5C,yFAAyF;AACzF,MAAM,MAAM,cAAc,GAAG,KAAK,GAAG,OAAO,GAAG,SAAS,GAAG,aAAa,GAAG,KAAK,GAAG,MAAM,GAAG,MAAM,GAAG,QAAQ,GAAG,SAAS,GAAG,UAAU,CAAA;AAqBtI;;;GAGG;AACH,wBAAsB,WAAW,CAAC,QAAQ,EAAE,SAAS,cAAc,EAAE,EAAE,QAAQ,EAAE,QAAQ,GAAG,KAAK,GAAG,OAAO,CAAC,OAAO,OAAO,CAAC,CA0B1H"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"uplot-adapter.d.ts","sourceRoot":"","sources":["../../../src/engines/uplot-adapter.ts"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAAE,WAAW,EAAE,OAAO,EAAE,MAAM,OAAO,CAAA;AAEjD,OAAO,KAAK,EAAE,YAAY,EAAsB,MAAM,qBAAqB,CAAA;AAE3E,wBAAsB,kBAAkB,IAAI,OAAO,CAAC,YAAY,CAAC,OAAO,EAAE,WAAW,CAAC,CAAC,
|
|
1
|
+
{"version":3,"file":"uplot-adapter.d.ts","sourceRoot":"","sources":["../../../src/engines/uplot-adapter.ts"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAAE,WAAW,EAAE,OAAO,EAAE,MAAM,OAAO,CAAA;AAEjD,OAAO,KAAK,EAAE,YAAY,EAAsB,MAAM,qBAAqB,CAAA;AAE3E,wBAAsB,kBAAkB,IAAI,OAAO,CAAC,YAAY,CAAC,OAAO,EAAE,WAAW,CAAC,CAAC,CAkHtF"}
|
|
@@ -0,0 +1,52 @@
|
|
|
1
|
+
import type { TypedAddEventListener, TypedRemoveEventListener } from '@c2n/core/event-helper.js';
|
|
2
|
+
import { EchartsChartBase } from './echarts-chart-base.js';
|
|
3
|
+
import type { ChartEventMap } from './chart-base.js';
|
|
4
|
+
import type { ChartBuildContext } from './chart-adapter.js';
|
|
5
|
+
import type { EchartsFeature } from './engines/echarts-loader.js';
|
|
6
|
+
import './chart-series.js';
|
|
7
|
+
export interface GaugeChart {
|
|
8
|
+
addEventListener: TypedAddEventListener<GaugeChart, ChartEventMap>;
|
|
9
|
+
removeEventListener: TypedRemoveEventListener<GaugeChart, ChartEventMap>;
|
|
10
|
+
}
|
|
11
|
+
/**
|
|
12
|
+
* A radial gauge drawn by ECharts. Use one row and one series for a current value; `label-field` names it.
|
|
13
|
+
*
|
|
14
|
+
* ```html
|
|
15
|
+
* <c2-gauge-chart label-field="metric" min="0" max="100" value-suffix="%" data='[{ "metric": "Target", "value": 78 }]'>
|
|
16
|
+
* <c2-chart-series field="value" label="Attainment"></c2-chart-series>
|
|
17
|
+
* </c2-gauge-chart>
|
|
18
|
+
* ```
|
|
19
|
+
*
|
|
20
|
+
* @tag c2-gauge-chart
|
|
21
|
+
*/
|
|
22
|
+
export declare class GaugeChart extends EchartsChartBase {
|
|
23
|
+
protected readonly features: readonly EchartsFeature[];
|
|
24
|
+
/** Lowest value on the gauge scale. */
|
|
25
|
+
min: number;
|
|
26
|
+
/** Highest value on the gauge scale. */
|
|
27
|
+
max: number;
|
|
28
|
+
/** Angle where the arc starts, in degrees counter-clockwise from three o'clock. */
|
|
29
|
+
startAngle: number;
|
|
30
|
+
/** Angle where the arc ends, in degrees counter-clockwise from three o'clock. */
|
|
31
|
+
endAngle: number;
|
|
32
|
+
/** Number of labelled divisions around the arc. */
|
|
33
|
+
splitNumber: number;
|
|
34
|
+
/** Maximum number of decimal places shown in the current value. */
|
|
35
|
+
precision: number;
|
|
36
|
+
/** Text appended to the current value and scale labels, such as `%`. */
|
|
37
|
+
valueSuffix: string;
|
|
38
|
+
/** Whether to draw the filled progress arc up to the current value. */
|
|
39
|
+
progress: 'show' | 'none';
|
|
40
|
+
/** Whether to draw the radial pointer. */
|
|
41
|
+
pointer: 'show' | 'none';
|
|
42
|
+
constructor();
|
|
43
|
+
protected coordinateSystem(): Record<string, unknown>;
|
|
44
|
+
protected dataShape(): 'named';
|
|
45
|
+
protected seriesOption(index: number, context: ChartBuildContext): Record<string, unknown>;
|
|
46
|
+
}
|
|
47
|
+
declare global {
|
|
48
|
+
interface HTMLElementTagNameMap {
|
|
49
|
+
'c2-gauge-chart': GaugeChart;
|
|
50
|
+
}
|
|
51
|
+
}
|
|
52
|
+
//# sourceMappingURL=gauge-chart.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"gauge-chart.d.ts","sourceRoot":"","sources":["../../src/gauge-chart.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,qBAAqB,EAAE,wBAAwB,EAAE,MAAM,2BAA2B,CAAA;AAChG,OAAO,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAA;AAC1D,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AACpD,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,oBAAoB,CAAA;AAC3D,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAA;AACjE,OAAO,mBAAmB,CAAA;AAE1B,MAAM,WAAW,UAAU;IACzB,gBAAgB,EAAE,qBAAqB,CAAC,UAAU,EAAE,aAAa,CAAC,CAAA;IAClE,mBAAmB,EAAE,wBAAwB,CAAC,UAAU,EAAE,aAAa,CAAC,CAAA;CACzE;AAED;;;;;;;;;;GAUG;AACH,qBACa,UAAW,SAAQ,gBAAgB;IAC9C,mBAA4B,QAAQ,EAAE,SAAS,cAAc,EAAE,CAAY;IAE3E,uCAAuC;IACX,GAAG,SAAI;IAEnC,wCAAwC;IACZ,GAAG,SAAM;IAErC,mFAAmF;IAC7B,UAAU,SAAM;IAEtE,iFAAiF;IAC7B,QAAQ,SAAM;IAElE,mDAAmD;IACI,WAAW,SAAI;IAEtE,mEAAmE;IACvC,SAAS,SAAI;IAEzC,wEAAwE;IACjB,WAAW,SAAK;IAEvE,uEAAuE;IAC3C,QAAQ,EAAE,MAAM,GAAG,MAAM,CAAS;IAE9D,0CAA0C;IACd,OAAO,EAAE,MAAM,GAAG,MAAM,CAAS;;cAQ1C,gBAAgB,IAAI,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;cAI3C,SAAS,IAAI,OAAO;cAIpB,YAAY,CAAC,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,iBAAiB,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;CA4BpG;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,gBAAgB,EAAE,UAAU,CAAA;KAC7B;CACF"}
|
package/types/src/pie-chart.d.ts
CHANGED
|
@@ -3,6 +3,7 @@ import { EchartsChartBase } from './echarts-chart-base.js';
|
|
|
3
3
|
import type { ChartLegendItem } from './chart-base.js';
|
|
4
4
|
import type { ChartEventMap } from './chart-base.js';
|
|
5
5
|
import type { ChartBuildContext } from './chart-adapter.js';
|
|
6
|
+
import type { ChartAdapter } from './chart-adapter.js';
|
|
6
7
|
import type { EchartsFeature } from './engines/echarts-loader.js';
|
|
7
8
|
import './chart-series.js';
|
|
8
9
|
export interface PieChart {
|
|
@@ -39,6 +40,7 @@ export declare class PieChart extends EchartsChartBase {
|
|
|
39
40
|
constructor();
|
|
40
41
|
/** Slices the reader has switched off from the legend, by label. */
|
|
41
42
|
private hiddenSlices;
|
|
43
|
+
protected get legendDependsOnData(): boolean;
|
|
42
44
|
/** A pie has no grid and no axes at all: contributing them would draw an empty cartesian frame. */
|
|
43
45
|
protected coordinateSystem(): Record<string, unknown>;
|
|
44
46
|
/**
|
|
@@ -48,6 +50,7 @@ export declare class PieChart extends EchartsChartBase {
|
|
|
48
50
|
protected legendItems(): ChartLegendItem[];
|
|
49
51
|
/** Shows or hides one slice, as the legend does. ECharts selects by name, which is the slice's label. */
|
|
50
52
|
setSliceVisible(label: string, visible: boolean): void;
|
|
53
|
+
protected restoreVisibility(adapter: ChartAdapter): void;
|
|
51
54
|
protected dataShape(): 'pairs' | 'values' | 'named';
|
|
52
55
|
protected seriesOption(_index: number, context: ChartBuildContext): Record<string, unknown>;
|
|
53
56
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"pie-chart.d.ts","sourceRoot":"","sources":["../../src/pie-chart.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,qBAAqB,EAAE,wBAAwB,EAAE,MAAM,2BAA2B,CAAA;AAChG,OAAO,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAA;AAC1D,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAA;AACtD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AACpD,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,oBAAoB,CAAA;AAC3D,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAA;AACjE,OAAO,mBAAmB,CAAA;AAE1B,MAAM,WAAW,QAAQ;IACvB,gBAAgB,EAAE,qBAAqB,CAAC,QAAQ,EAAE,aAAa,CAAC,CAAA;IAChE,mBAAmB,EAAE,wBAAwB,CAAC,QAAQ,EAAE,aAAa,CAAC,CAAA;CACvE;AAED;;;;;;;;;;;;;;GAcG;AACH,qBACa,QAAS,SAAQ,gBAAgB;IAC5C,mBAA4B,QAAQ,EAAE,SAAS,cAAc,EAAE,CAAU;IAEzE,uFAAuF;IAChC,WAAW,SAAI;IAEtE,+DAA+D;IACR,WAAW,SAAO;IAEzE,yFAAyF;IACnC,UAAU,SAAK;IAErE,qEAAqE;IACzC,MAAM,EAAE,MAAM,GAAG,QAAQ,GAAG,SAAS,CAAS;IAE1E,qEAAqE;IACzC,IAAI,EAAE,MAAM,GAAG,KAAK,GAAG,MAAM,CAAS;;IASlE,oEAAoE;IAC3D,OAAO,CAAC,YAAY,CAAoB;IAEjD,mGAAmG;cAChF,gBAAgB,IAAI,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;IAI9D;;;OAGG;cACgB,WAAW,IAAI,eAAe,EAAE;IAenD,yGAAyG;IACzG,eAAe,CAAC,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,GAAG,IAAI;
|
|
1
|
+
{"version":3,"file":"pie-chart.d.ts","sourceRoot":"","sources":["../../src/pie-chart.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,qBAAqB,EAAE,wBAAwB,EAAE,MAAM,2BAA2B,CAAA;AAChG,OAAO,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAA;AAC1D,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAA;AACtD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AACpD,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,oBAAoB,CAAA;AAC3D,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAA;AACtD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAA;AACjE,OAAO,mBAAmB,CAAA;AAE1B,MAAM,WAAW,QAAQ;IACvB,gBAAgB,EAAE,qBAAqB,CAAC,QAAQ,EAAE,aAAa,CAAC,CAAA;IAChE,mBAAmB,EAAE,wBAAwB,CAAC,QAAQ,EAAE,aAAa,CAAC,CAAA;CACvE;AAED;;;;;;;;;;;;;;GAcG;AACH,qBACa,QAAS,SAAQ,gBAAgB;IAC5C,mBAA4B,QAAQ,EAAE,SAAS,cAAc,EAAE,CAAU;IAEzE,uFAAuF;IAChC,WAAW,SAAI;IAEtE,+DAA+D;IACR,WAAW,SAAO;IAEzE,yFAAyF;IACnC,UAAU,SAAK;IAErE,qEAAqE;IACzC,MAAM,EAAE,MAAM,GAAG,QAAQ,GAAG,SAAS,CAAS;IAE1E,qEAAqE;IACzC,IAAI,EAAE,MAAM,GAAG,KAAK,GAAG,MAAM,CAAS;;IASlE,oEAAoE;IAC3D,OAAO,CAAC,YAAY,CAAoB;IAEjD,cAAuB,mBAAmB,IAAI,OAAO,CAEpD;IAED,mGAAmG;cAChF,gBAAgB,IAAI,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;IAI9D;;;OAGG;cACgB,WAAW,IAAI,eAAe,EAAE;IAenD,yGAAyG;IACzG,eAAe,CAAC,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,GAAG,IAAI;cASnC,iBAAiB,CAAC,OAAO,EAAE,YAAY,GAAG,IAAI;cAK9C,SAAS,IAAI,OAAO,GAAG,QAAQ,GAAG,OAAO;cAIzC,YAAY,CAAC,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,iBAAiB,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;CAoBrG;AAYD,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,cAAc,EAAE,QAAQ,CAAA;KACzB;CACF"}
|
|
@@ -0,0 +1,41 @@
|
|
|
1
|
+
import type { TypedAddEventListener, TypedRemoveEventListener } from '@c2n/core/event-helper.js';
|
|
2
|
+
import { EchartsChartBase } from './echarts-chart-base.js';
|
|
3
|
+
import type { ChartEventMap } from './chart-base.js';
|
|
4
|
+
import type { ChartBuildContext } from './chart-adapter.js';
|
|
5
|
+
import type { EchartsFeature } from './engines/echarts-loader.js';
|
|
6
|
+
import './chart-series.js';
|
|
7
|
+
export interface ScatterChart {
|
|
8
|
+
addEventListener: TypedAddEventListener<ScatterChart, ChartEventMap>;
|
|
9
|
+
removeEventListener: TypedRemoveEventListener<ScatterChart, ChartEventMap>;
|
|
10
|
+
}
|
|
11
|
+
/**
|
|
12
|
+
* A scatter plot drawn by ECharts. `x-field` supplies the shared horizontal value and every series supplies
|
|
13
|
+
* one vertical measure, so several populations can be compared on the same axes.
|
|
14
|
+
*
|
|
15
|
+
* ```html
|
|
16
|
+
* <c2-scatter-chart x-field="risk" data='[{ "risk": 12, "return": 8.4 }]'>
|
|
17
|
+
* <c2-chart-series field="return" label="Portfolio"></c2-chart-series>
|
|
18
|
+
* </c2-scatter-chart>
|
|
19
|
+
* ```
|
|
20
|
+
*
|
|
21
|
+
* @tag c2-scatter-chart
|
|
22
|
+
*/
|
|
23
|
+
export declare class ScatterChart extends EchartsChartBase {
|
|
24
|
+
protected readonly features: readonly EchartsFeature[];
|
|
25
|
+
/** Diameter of each point in CSS pixels. */
|
|
26
|
+
symbolSize: number;
|
|
27
|
+
/** Shape used for points. */
|
|
28
|
+
symbol: 'circle' | 'rect' | 'roundRect' | 'triangle' | 'diamond' | 'pin' | 'arrow';
|
|
29
|
+
/** Enables ECharts' large-point rendering path. */
|
|
30
|
+
large: boolean;
|
|
31
|
+
/** Point count at which the large rendering path takes effect. */
|
|
32
|
+
largeThreshold: number;
|
|
33
|
+
constructor();
|
|
34
|
+
protected seriesOption(index: number, context: ChartBuildContext): Record<string, unknown>;
|
|
35
|
+
}
|
|
36
|
+
declare global {
|
|
37
|
+
interface HTMLElementTagNameMap {
|
|
38
|
+
'c2-scatter-chart': ScatterChart;
|
|
39
|
+
}
|
|
40
|
+
}
|
|
41
|
+
//# sourceMappingURL=scatter-chart.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"scatter-chart.d.ts","sourceRoot":"","sources":["../../src/scatter-chart.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,qBAAqB,EAAE,wBAAwB,EAAE,MAAM,2BAA2B,CAAA;AAChG,OAAO,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAA;AAC1D,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AACpD,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,oBAAoB,CAAA;AAC3D,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAA;AACjE,OAAO,mBAAmB,CAAA;AAE1B,MAAM,WAAW,YAAY;IAC3B,gBAAgB,EAAE,qBAAqB,CAAC,YAAY,EAAE,aAAa,CAAC,CAAA;IACpE,mBAAmB,EAAE,wBAAwB,CAAC,YAAY,EAAE,aAAa,CAAC,CAAA;CAC3E;AAED;;;;;;;;;;;GAWG;AACH,qBACa,YAAa,SAAQ,gBAAgB;IAChD,mBAA4B,QAAQ,EAAE,SAAS,cAAc,EAAE,CAAsB;IAErF,4CAA4C;IACU,UAAU,SAAK;IAErE,6BAA6B;IACD,MAAM,EAAE,QAAQ,GAAG,MAAM,GAAG,WAAW,GAAG,UAAU,GAAG,SAAS,GAAG,KAAK,GAAG,OAAO,CAAW;IAEzH,mDAAmD;IACtB,KAAK,UAAQ;IAE1C,kEAAkE;IACR,cAAc,SAAO;;cAO5D,YAAY,CAAC,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,iBAAiB,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;CAUpG;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,kBAAkB,EAAE,YAAY,CAAA;KACjC;CACF"}
|
package/vue.d.ts
CHANGED
|
@@ -10,9 +10,14 @@
|
|
|
10
10
|
import type { DefineComponent, HTMLAttributes } from 'vue'
|
|
11
11
|
import type { AreaChart, AreaChartEventMap } from '@c2n/chart/area-chart.js'
|
|
12
12
|
import type { BarChart, BarChartEventMap } from '@c2n/chart/bar-chart.js'
|
|
13
|
+
import type { CandlestickChart, CandlestickChartEventMap } from '@c2n/chart/candlestick-chart.js'
|
|
14
|
+
import type { ChartLegend } from '@c2n/chart/chart-legend.js'
|
|
13
15
|
import type { ChartSeries, ChartSeriesEventMap } from '@c2n/chart/chart-series.js'
|
|
16
|
+
import type { ChartTooltip } from '@c2n/chart/chart-tooltip.js'
|
|
17
|
+
import type { GaugeChart, GaugeChartEventMap } from '@c2n/chart/gauge-chart.js'
|
|
14
18
|
import type { LineChart, LineChartEventMap } from '@c2n/chart/line-chart.js'
|
|
15
19
|
import type { PieChart, PieChartEventMap } from '@c2n/chart/pie-chart.js'
|
|
20
|
+
import type { ScatterChart, ScatterChartEventMap } from '@c2n/chart/scatter-chart.js'
|
|
16
21
|
import type { Sparkline, SparklineEventMap } from '@c2n/chart/sparkline.js'
|
|
17
22
|
|
|
18
23
|
/** The element's own public properties, plus every attribute Vue understands on a host element. */
|
|
@@ -31,7 +36,9 @@ declare module 'vue' {
|
|
|
31
36
|
'empty-message'?: unknown
|
|
32
37
|
'max-points'?: unknown
|
|
33
38
|
'lazy-render'?: unknown
|
|
39
|
+
onTooltipChange?: (event: AreaChartEventMap['tooltip-change']) => void
|
|
34
40
|
onSeriesToggle?: (event: AreaChartEventMap['series-toggle']) => void
|
|
41
|
+
onLegendChange?: (event: AreaChartEventMap['legend-change']) => void
|
|
35
42
|
onRangeChange?: (event: AreaChartEventMap['range-change']) => void
|
|
36
43
|
onChartReady?: (event: AreaChartEventMap['chart-ready']) => void
|
|
37
44
|
onChartError?: (event: AreaChartEventMap['chart-error']) => void
|
|
@@ -51,7 +58,9 @@ declare module 'vue' {
|
|
|
51
58
|
'empty-message'?: unknown
|
|
52
59
|
'max-points'?: unknown
|
|
53
60
|
'lazy-render'?: unknown
|
|
61
|
+
onTooltipChange?: (event: BarChartEventMap['tooltip-change']) => void
|
|
54
62
|
onSeriesToggle?: (event: BarChartEventMap['series-toggle']) => void
|
|
63
|
+
onLegendChange?: (event: BarChartEventMap['legend-change']) => void
|
|
55
64
|
onRangeChange?: (event: BarChartEventMap['range-change']) => void
|
|
56
65
|
onChartReady?: (event: BarChartEventMap['chart-ready']) => void
|
|
57
66
|
onChartError?: (event: BarChartEventMap['chart-error']) => void
|
|
@@ -59,6 +68,29 @@ declare module 'vue' {
|
|
|
59
68
|
onPointClick?: (event: BarChartEventMap['point-click']) => void
|
|
60
69
|
}
|
|
61
70
|
>
|
|
71
|
+
'c2-candlestick-chart': DefineComponent<
|
|
72
|
+
C2Props<CandlestickChart> & {
|
|
73
|
+
'open-field'?: unknown
|
|
74
|
+
'close-field'?: unknown
|
|
75
|
+
'low-field'?: unknown
|
|
76
|
+
'high-field'?: unknown
|
|
77
|
+
'x-field'?: unknown
|
|
78
|
+
'label-field'?: unknown
|
|
79
|
+
'x-type'?: unknown
|
|
80
|
+
'empty-message'?: unknown
|
|
81
|
+
'max-points'?: unknown
|
|
82
|
+
'lazy-render'?: unknown
|
|
83
|
+
onTooltipChange?: (event: CandlestickChartEventMap['tooltip-change']) => void
|
|
84
|
+
onSeriesToggle?: (event: CandlestickChartEventMap['series-toggle']) => void
|
|
85
|
+
onLegendChange?: (event: CandlestickChartEventMap['legend-change']) => void
|
|
86
|
+
onRangeChange?: (event: CandlestickChartEventMap['range-change']) => void
|
|
87
|
+
onChartReady?: (event: CandlestickChartEventMap['chart-ready']) => void
|
|
88
|
+
onChartError?: (event: CandlestickChartEventMap['chart-error']) => void
|
|
89
|
+
onPointHover?: (event: CandlestickChartEventMap['point-hover']) => void
|
|
90
|
+
onPointClick?: (event: CandlestickChartEventMap['point-click']) => void
|
|
91
|
+
}
|
|
92
|
+
>
|
|
93
|
+
'c2-chart-legend': DefineComponent<C2Props<ChartLegend>>
|
|
62
94
|
'c2-chart-series': DefineComponent<
|
|
63
95
|
C2Props<ChartSeries> & {
|
|
64
96
|
'line-width'?: unknown
|
|
@@ -66,6 +98,29 @@ declare module 'vue' {
|
|
|
66
98
|
onSERIES_CHANGE_EVENT?: (event: ChartSeriesEventMap['SERIES_CHANGE_EVENT']) => void
|
|
67
99
|
}
|
|
68
100
|
>
|
|
101
|
+
'c2-chart-tooltip': DefineComponent<C2Props<ChartTooltip>>
|
|
102
|
+
'c2-gauge-chart': DefineComponent<
|
|
103
|
+
C2Props<GaugeChart> & {
|
|
104
|
+
'start-angle'?: unknown
|
|
105
|
+
'end-angle'?: unknown
|
|
106
|
+
'split-number'?: unknown
|
|
107
|
+
'value-suffix'?: unknown
|
|
108
|
+
'x-field'?: unknown
|
|
109
|
+
'label-field'?: unknown
|
|
110
|
+
'x-type'?: unknown
|
|
111
|
+
'empty-message'?: unknown
|
|
112
|
+
'max-points'?: unknown
|
|
113
|
+
'lazy-render'?: unknown
|
|
114
|
+
onTooltipChange?: (event: GaugeChartEventMap['tooltip-change']) => void
|
|
115
|
+
onSeriesToggle?: (event: GaugeChartEventMap['series-toggle']) => void
|
|
116
|
+
onLegendChange?: (event: GaugeChartEventMap['legend-change']) => void
|
|
117
|
+
onRangeChange?: (event: GaugeChartEventMap['range-change']) => void
|
|
118
|
+
onChartReady?: (event: GaugeChartEventMap['chart-ready']) => void
|
|
119
|
+
onChartError?: (event: GaugeChartEventMap['chart-error']) => void
|
|
120
|
+
onPointHover?: (event: GaugeChartEventMap['point-hover']) => void
|
|
121
|
+
onPointClick?: (event: GaugeChartEventMap['point-click']) => void
|
|
122
|
+
}
|
|
123
|
+
>
|
|
69
124
|
'c2-line-chart': DefineComponent<
|
|
70
125
|
C2Props<LineChart> & {
|
|
71
126
|
'y-min'?: unknown
|
|
@@ -76,7 +131,9 @@ declare module 'vue' {
|
|
|
76
131
|
'empty-message'?: unknown
|
|
77
132
|
'max-points'?: unknown
|
|
78
133
|
'lazy-render'?: unknown
|
|
134
|
+
onTooltipChange?: (event: LineChartEventMap['tooltip-change']) => void
|
|
79
135
|
onSeriesToggle?: (event: LineChartEventMap['series-toggle']) => void
|
|
136
|
+
onLegendChange?: (event: LineChartEventMap['legend-change']) => void
|
|
80
137
|
onRangeChange?: (event: LineChartEventMap['range-change']) => void
|
|
81
138
|
onChartReady?: (event: LineChartEventMap['chart-ready']) => void
|
|
82
139
|
onChartError?: (event: LineChartEventMap['chart-error']) => void
|
|
@@ -95,7 +152,9 @@ declare module 'vue' {
|
|
|
95
152
|
'empty-message'?: unknown
|
|
96
153
|
'max-points'?: unknown
|
|
97
154
|
'lazy-render'?: unknown
|
|
155
|
+
onTooltipChange?: (event: PieChartEventMap['tooltip-change']) => void
|
|
98
156
|
onSeriesToggle?: (event: PieChartEventMap['series-toggle']) => void
|
|
157
|
+
onLegendChange?: (event: PieChartEventMap['legend-change']) => void
|
|
99
158
|
onRangeChange?: (event: PieChartEventMap['range-change']) => void
|
|
100
159
|
onChartReady?: (event: PieChartEventMap['chart-ready']) => void
|
|
101
160
|
onChartError?: (event: PieChartEventMap['chart-error']) => void
|
|
@@ -103,6 +162,26 @@ declare module 'vue' {
|
|
|
103
162
|
onPointClick?: (event: PieChartEventMap['point-click']) => void
|
|
104
163
|
}
|
|
105
164
|
>
|
|
165
|
+
'c2-scatter-chart': DefineComponent<
|
|
166
|
+
C2Props<ScatterChart> & {
|
|
167
|
+
'symbol-size'?: unknown
|
|
168
|
+
'large-threshold'?: unknown
|
|
169
|
+
'x-field'?: unknown
|
|
170
|
+
'label-field'?: unknown
|
|
171
|
+
'x-type'?: unknown
|
|
172
|
+
'empty-message'?: unknown
|
|
173
|
+
'max-points'?: unknown
|
|
174
|
+
'lazy-render'?: unknown
|
|
175
|
+
onTooltipChange?: (event: ScatterChartEventMap['tooltip-change']) => void
|
|
176
|
+
onSeriesToggle?: (event: ScatterChartEventMap['series-toggle']) => void
|
|
177
|
+
onLegendChange?: (event: ScatterChartEventMap['legend-change']) => void
|
|
178
|
+
onRangeChange?: (event: ScatterChartEventMap['range-change']) => void
|
|
179
|
+
onChartReady?: (event: ScatterChartEventMap['chart-ready']) => void
|
|
180
|
+
onChartError?: (event: ScatterChartEventMap['chart-error']) => void
|
|
181
|
+
onPointHover?: (event: ScatterChartEventMap['point-hover']) => void
|
|
182
|
+
onPointClick?: (event: ScatterChartEventMap['point-click']) => void
|
|
183
|
+
}
|
|
184
|
+
>
|
|
106
185
|
'c2-sparkline': DefineComponent<
|
|
107
186
|
C2Props<Sparkline> & {
|
|
108
187
|
'y-min'?: unknown
|
|
@@ -113,7 +192,9 @@ declare module 'vue' {
|
|
|
113
192
|
'empty-message'?: unknown
|
|
114
193
|
'max-points'?: unknown
|
|
115
194
|
'lazy-render'?: unknown
|
|
195
|
+
onTooltipChange?: (event: SparklineEventMap['tooltip-change']) => void
|
|
116
196
|
onSeriesToggle?: (event: SparklineEventMap['series-toggle']) => void
|
|
197
|
+
onLegendChange?: (event: SparklineEventMap['legend-change']) => void
|
|
117
198
|
onRangeChange?: (event: SparklineEventMap['range-change']) => void
|
|
118
199
|
onChartReady?: (event: SparklineEventMap['chart-ready']) => void
|
|
119
200
|
onChartError?: (event: SparklineEventMap['chart-error']) => void
|