@qtsurfer/sveltecharts 0.3.5 → 0.4.3

package/README.md

@@ -1,6 +1,6 @@
 # Svelte ECharts component
 
-![NPM Version](https://img.shields.io/npm/v/%40qtsurfer%2Fsveltecharts?registry_uri=https%3A%2F%2Fregistry.npmjs.com&style=flat&logo=npm&label=QTSurfer%2Fsveltecharts)
-[![license](https://img.shields.io/npm/l/%40qtsurfer%2Fsveltecharts?registry_uri=https%3A%2F%2Fregistry.npmjs.com&style=flat)](LICENSE.md)
+![NPM Version](https://img.shields.io/npm/v/%40qtsurfer%2Fsveltecharts?label=version&style=flat-square)
+[![license](https://img.shields.io/npm/l/%40qtsurfer%2Fsveltecharts?style=flat-square)](https://npmjs.com/package/@qtsurfer/sveltecharts)
 
 [Svelte](https://svelte.dev) (v4) [Apache ECharts](https://echarts.apache.org/) basic wrapper component.

package/dist/SVECharts.svelte

@@ -1,91 +1,157 @@
-<script context="module">import { init, use } from "echarts/core";
-import { LineChart } from "echarts/charts";
-import {
-  DataZoomComponent,
-  LegendComponent,
-  TitleComponent,
-  TooltipComponent,
-  GridComponent,
-  DatasetComponent
-} from "echarts/components";
-import { LabelLayout } from "echarts/features";
-import { CanvasRenderer } from "echarts/renderers";
-use([
-  LineChart,
-  DataZoomComponent,
-  LegendComponent,
-  TitleComponent,
-  TooltipComponent,
-  GridComponent,
-  DatasetComponent,
-  LabelLayout,
-  CanvasRenderer
-]);
-const DEFAULT_CONFIG = {
-  theme: void 0,
-  renderer: "canvas"
-};
+<script lang="ts" module>
+	import { init, use } from 'echarts/core';
+	import { LineChart, BarChart } from 'echarts/charts';
+	import {
+		DataZoomComponent,
+		LegendComponent,
+		TitleComponent,
+		TooltipComponent,
+		GridComponent,
+		DatasetComponent,
+		MarkLineComponent,
+		MarkPointComponent,
+		MarkAreaComponent
+	} from 'echarts/components';
+	import { LabelLayout } from 'echarts/features';
+	import { CanvasRenderer } from 'echarts/renderers';
+	import type { ECharts, EChartsOption } from './types';
+
+	// Register the required components
+	use([
+		LineChart,
+		BarChart,
+		DataZoomComponent,
+		LegendComponent,
+		TitleComponent,
+		TooltipComponent,
+		GridComponent,
+		DatasetComponent,
+		LabelLayout,
+		CanvasRenderer,
+		MarkLineComponent,
+		MarkPointComponent,
+		MarkAreaComponent
+	]);
+
+	export type EChartsTheme = string | object;
+	export type EChartsRenderer = 'canvas' | 'svg';
+
+	export type EChartsConfig = {
+		theme?: EChartsTheme;
+		renderer?: EChartsRenderer;
+		option: EChartsOption;
+	};
+
+	export type DataRange = { start: number; end: number };
+	export type DataZoomEventSingle = { batch?: never } & DataRange;
+	export type DataZoomEventBatch = { batch: DataRange[]; start?: never; end?: never };
+
+	export type DataZoomEvent = DataZoomEventBatch | DataZoomEventSingle;
+
+	const DEFAULT_CONFIG: EChartsConfig = {
+		theme: undefined,
+		renderer: 'canvas',
+		option: {}
+	};
 </script>
 
-<script>import { createEventDispatcher } from "svelte";
-export let option;
-export let { theme, renderer } = DEFAULT_CONFIG;
-let instance;
-const dispatch = createEventDispatcher();
-const handleDataZoom = (event) => {
-  let start, end;
-  if (event.batch) {
-    const [info] = event.batch;
-    start = info.start;
-    end = info.end;
-  } else {
-    start = event.start;
-    end = event.end;
-  }
-  dispatch("datazoom", { event, start, end });
-};
-export function chartAction(element, echartsConfig) {
-  const { theme: theme2, renderer: renderer2, option: option2 } = {
-    ...DEFAULT_CONFIG,
-    ...echartsConfig
-  };
-  instance = init(element, theme2, { renderer: renderer2 });
-  const handleResize = () => {
-    instance.resize();
-  };
-  window.addEventListener("resize", handleResize);
-  instance.setOption(option2);
-  instance.on("datazoom", handleDataZoom);
-  return {
-    destroy() {
-      instance.off("datazoom", handleDataZoom);
-      window.removeEventListener("resize", handleResize);
-      instance.dispose();
-    },
-    update(config) {
-      instance.setOption({
-        ...echartsConfig.option,
-        ...config.option
-      });
-    }
-  };
-}
-export function clear() {
-  instance.clear();
-}
-export function showLoading(text) {
-  instance.showLoading({ text: text || "" });
-}
-export function hideLoading() {
-  instance.hideLoading();
-}
+<script lang="ts">
+	let {
+		onLoad,
+		config,
+		onDataZoom,
+		loading = $bindable(false),
+		onClear = $bindable(),
+		isDark = false
+	}: {
+		onLoad: (instance: ECharts) => Promise<void>;
+		config?: Partial<EChartsConfig>;
+		onDataZoom?: (event: DataZoomEventSingle) => void;
+		loading?: boolean;
+		onClear?: () => void;
+		isDark?: boolean;
+	} = $props();
+
+	let instance: ECharts;
+
+	const { theme, renderer, option } = {
+		...DEFAULT_CONFIG,
+		...config
+	};
+
+	const handleDataZoom = (zoomEvent: unknown) => {
+		if (!onDataZoom) {
+			return;
+		}
+
+		const event = zoomEvent as DataZoomEvent;
+		let start: number, end: number;
+
+		if (event.batch) {
+			const [info] = event.batch;
+			start = info.start;
+			end = info.end;
+		} else {
+			start = event.start;
+			end = event.end;
+		}
+
+		onDataZoom({ start, end });
+	};
+
+	function chartAction(element: HTMLElement) {
+		instance = init(element, undefined, { renderer });
+
+		const handleResize = () => {
+			instance.resize();
+		};
+		window.addEventListener('resize', handleResize);
+		instance.on('datazoom', handleDataZoom);
+
+		if (Object.keys(option).length) {
+			instance.setOption(option);
+		}
+
+		onClear = () => instance.clear();
+
+		onLoad(instance);
+
+		return {
+			destroy() {
+				instance.off('datazoom', handleDataZoom);
+				window.removeEventListener('resize', handleResize);
+				instance.dispose();
+			}
+			/**
+			 * @todo
+			 * Limiting option assignment. Review implementation
+			 */
+			// update(config: EChartsConfig) {
+			// 	instance.setOption({
+			// 		...echartsConfig.option,
+			// 		...config.option
+			// 	});
+			// }
+		};
+	}
+
+	$effect(() => {
+		if (instance) {
+			instance.setTheme({ backgroundColor: isDark ? '#100c2a' : '#fff' });
+		}
+	});
 </script>
 
-<div id="chart" class="echarts" use:chartAction={{ renderer, theme, option }}></div>
+<div style="position: relative; width: 100%; height: 100%;">
+	<div id="chart" class="echarts" use:chartAction></div>
+</div>
 
 <style>
 	.echarts {
 		width: 100%;
-		height: 75vh;
+		height: 100%;
+		min-height: 300px;
+		position: relative;
+		z-index: 1;
 	}
 </style>

package/dist/SVECharts.svelte.d.ts

@@ -1,5 +1,4 @@
-import { SvelteComponent } from "svelte";
-import type { EChartsOption } from './types';
+import type { ECharts, EChartsOption } from './types';
 export type EChartsTheme = string | object;
 export type EChartsRenderer = 'canvas' | 'svg';
 export type EChartsConfig = {
@@ -11,40 +10,24 @@ export type DataRange = {
     start: number;
     end: number;
 };
-export type DataZoomEvent = CustomEvent<DataRange>;
-declare const __propDef: {
-    props: {
-        option: EChartsOption;
-        theme?: EChartsTheme | undefined;
-        renderer?: EChartsRenderer | undefined;
-        chartAction?: (element: HTMLElement, echartsConfig: EChartsConfig) => {
-            destroy(): void;
-            update(config: EChartsConfig): void;
-        };
-        clear?: () => void;
-        showLoading?: (text?: string) => void;
-        hideLoading?: () => void;
-    };
-    events: {
-        datazoom: CustomEvent<any>;
-    } & {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-    exports?: {} | undefined;
-    bindings?: string | undefined;
+export type DataZoomEventSingle = {
+    batch?: never;
+} & DataRange;
+export type DataZoomEventBatch = {
+    batch: DataRange[];
+    start?: never;
+    end?: never;
 };
-export type SveChartsProps = typeof __propDef.props;
-export type SveChartsEvents = typeof __propDef.events;
-export type SveChartsSlots = typeof __propDef.slots;
-export default class SveCharts extends SvelteComponent<SveChartsProps, SveChartsEvents, SveChartsSlots> {
-    get chartAction(): (element: HTMLElement, echartsConfig: EChartsConfig) => {
-        destroy(): void;
-        update(config: EChartsConfig): void;
-    };
-    get clear(): () => void;
-    get showLoading(): (text?: string) => void;
-    get hideLoading(): () => void;
-}
-export {};
+export type DataZoomEvent = DataZoomEventBatch | DataZoomEventSingle;
+type $$ComponentProps = {
+    onLoad: (instance: ECharts) => Promise<void>;
+    config?: Partial<EChartsConfig>;
+    onDataZoom?: (event: DataZoomEventSingle) => void;
+    loading?: boolean;
+    onClear?: () => void;
+    isDark?: boolean;
+};
+declare const SVECharts: import("svelte").Component<$$ComponentProps, {}, "loading" | "onClear">;
+type SVECharts = ReturnType<typeof SVECharts>;
+export default SVECharts;
 //# sourceMappingURL=SVECharts.svelte.d.ts.map

package/dist/SVECharts.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SVECharts.svelte.d.ts","sourceRoot":"","sources":["../src/lib/SVECharts.svelte.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,QAAQ,CAEvC;AAaA,OAAO,KAAK,EAAW,aAAa,EAAE,MAAM,SAAS,CAAC;AActD,MAAM,MAAM,YAAY,GAAG,MAAM,GAAG,MAAM,CAAC;AAC3C,MAAM,MAAM,eAAe,GAAG,QAAQ,GAAG,KAAK,CAAC;AAE/C,MAAM,MAAM,aAAa,GAAG;IAC3B,KAAK,CAAC,EAAE,YAAY,CAAC;IACrB,QAAQ,CAAC,EAAE,eAAe,CAAC;IAC3B,MAAM,EAAE,aAAa,CAAC;CACtB,CAAC;AAEF,MAAM,MAAM,SAAS,GAAG;IACvB,KAAK,EAAE,MAAM,CAAC;IACd,GAAG,EAAE,MAAM,CAAC;CACZ,CAAC;AACF,MAAM,MAAM,aAAa,GAAG,WAAW,CAAC,SAAS,CAAC,CAAC;AAiFpD,QAAA,MAAM,SAAS;;gBADkK,aAAa;;;gCAjD9J,WAAW,iBAAiB,aAAa;;2BAoBvD,aAAa;;;8BAaD,MAAM;;;;;;;;;;;CAiBmB,CAAC;AACxD,MAAM,MAAM,cAAc,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AACpD,MAAM,MAAM,eAAe,GAAG,OAAO,SAAS,CAAC,MAAM,CAAC;AACtD,MAAM,MAAM,cAAc,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAEpD,MAAM,CAAC,OAAO,OAAO,SAAU,SAAQ,eAAe,CAAC,cAAc,EAAE,eAAe,EAAE,cAAc,CAAC;IACnG,IAAI,WAAW,cAxDa,WAAW,iBAAiB,aAAa;;uBAoBvD,aAAa;MAoCuD;IAClF,IAAI,KAAK,eAA6D;IACtE,IAAI,WAAW,YAzBW,MAAM,UAyBkD;IAClF,IAAI,WAAW,eAAmE;CACrF"}
+{"version":3,"file":"SVECharts.svelte.d.ts","sourceRoot":"","sources":["../src/lib/SVECharts.svelte.ts"],"names":[],"mappings":"AAkBC,OAAO,KAAK,EAAE,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAmBtD,MAAM,MAAM,YAAY,GAAG,MAAM,GAAG,MAAM,CAAC;AAC3C,MAAM,MAAM,eAAe,GAAG,QAAQ,GAAG,KAAK,CAAC;AAE/C,MAAM,MAAM,aAAa,GAAG;IAC3B,KAAK,CAAC,EAAE,YAAY,CAAC;IACrB,QAAQ,CAAC,EAAE,eAAe,CAAC;IAC3B,MAAM,EAAE,aAAa,CAAC;CACtB,CAAC;AAEF,MAAM,MAAM,SAAS,GAAG;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,GAAG,EAAE,MAAM,CAAA;CAAE,CAAC;AACvD,MAAM,MAAM,mBAAmB,GAAG;IAAE,KAAK,CAAC,EAAE,KAAK,CAAA;CAAE,GAAG,SAAS,CAAC;AAChE,MAAM,MAAM,kBAAkB,GAAG;IAAE,KAAK,EAAE,SAAS,EAAE,CAAC;IAAC,KAAK,CAAC,EAAE,KAAK,CAAC;IAAC,GAAG,CAAC,EAAE,KAAK,CAAA;CAAE,CAAC;AAEpF,MAAM,MAAM,aAAa,GAAG,kBAAkB,GAAG,mBAAmB,CAAC;AAQrE,KAAK,gBAAgB,GAAI;IACxB,MAAM,EAAE,CAAC,QAAQ,EAAE,OAAO,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IAC7C,MAAM,CAAC,EAAE,OAAO,CAAC,aAAa,CAAC,CAAC;IAChC,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE,mBAAmB,KAAK,IAAI,CAAC;IAClD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,MAAM,CAAC,EAAE,OAAO,CAAC;CACjB,CAAC;AA2FH,QAAA,MAAM,SAAS,yEAAwC,CAAC;AACxD,KAAK,SAAS,GAAG,UAAU,CAAC,OAAO,SAAS,CAAC,CAAC;AAC9C,eAAe,SAAS,CAAC"}

package/dist/TimeSeriesChartBuilder.d.ts

@@ -0,0 +1,131 @@
+import { type LineSeriesOption, type DataZoomComponentOption } from 'echarts';
+import { type ECharts } from './';
+import type { GridOption } from 'echarts/types/dist/shared';
+import type { ZRColor } from 'echarts/types/src/util/types.js';
+type IconType = 'circle' | 'rect' | 'roundRect' | 'triangle' | 'diamond' | 'pin' | 'arrowUp' | 'arrowDown' | 'none';
+type LabelPosition = 'top' | 'left' | 'right' | 'bottom' | 'inside' | 'insideLeft' | 'insideRight' | 'insideTop' | 'insideBottom' | 'insideTopLeft' | 'insideBottomLeft' | 'insideTopRight' | 'insideBottomRight';
+type MarkerPointOption = {
+    icon: IconType;
+    color: ZRColor;
+    position: LabelPosition;
+    symbolSize: number;
+};
+type DatasetFormatSimpleObject = Record<string, number[]>;
+type DatasetFormatObject = Record<string, any>[];
+type DatasetFormatArray = number[][];
+/**
+ *
+ * ConfigBuilder:
+ * externalManagerLegend: Hides EChart legends to allow external management
+ *
+ */
+type ConfigBuilder = {
+    externalManagerLegend?: boolean;
+};
+export type MarkerEvent = {
+    name?: string;
+    xAxis: number[];
+    icon?: IconType;
+    color?: ZRColor;
+    position?: 'aboveBar' | 'belowBar';
+};
+export type MarkArea = {
+    name?: string;
+    xAxis: [number, number];
+    color?: ZRColor;
+};
+export declare class TimeSeriesChartBuilder {
+    ECharts: ECharts;
+    private builderConfig;
+    private option;
+    private yDimensions;
+    private yDimensionNames?;
+    private _tsColumn;
+    constructor(instance: ECharts, builderConfig?: ConfigBuilder);
+    /**
+     * Accepts data as rows: [timestamp, v1, v2, ...]
+     * Automatically generates line series for each value column (>=1).
+     */
+    setDataset(data: DatasetFormatArray | DatasetFormatObject | DatasetFormatSimpleObject, yDimensionsNames?: string[]): this;
+    toggleLegend(column: string): this;
+    goToZoom(start: number, end: number): this;
+    /**
+     * data: [1658870400, 823, 95.8, ...]
+     * dimensionsNames: ['_ts', 'price', 'otherColumn', ...]
+     */
+    private setDatasetByArray;
+    /**
+     * Data is an array of objects.
+     * [
+     *	{_ts: 1658870400, price: 823, otherColumn: 95.8},
+     *  {...}
+     * ]
+     */
+    private setDataByObject;
+    private setDataByObjectSimple;
+    addDimension(data: DatasetFormatSimpleObject, dimName: string): this;
+    private getColumnsSelected;
+    addSeries(dim: string, dimName: string, isSelected: boolean): void;
+    /**
+     * Tooltip bound to axis with a crosshair pointer.
+     */
+    setAxisTooltip(): this;
+    /**
+     * Legend with a custom icon (e.g., 'circle', 'rect').
+     */
+    setLegendIcon(icon: IconType): this;
+    /**
+     * Adds both inside and slider dataZoom.
+     */
+    setDataZoom(zoomOptions: DataZoomComponentOption): this;
+    setGrid(gridOption: GridOption): this;
+    /**
+     * Sets chart title and optional subtitle, centered.
+     */
+    setTitle(text: string, subtext?: string): this;
+    /**
+     * Applies a partial style to all existing series (e.g., { smooth: true, symbol: 'none' }).
+     */
+    setSeriesStyle(style: Partial<LineSeriesOption>): this;
+    /**
+     * Adds a marker event to the chart.
+     */
+    addMarkerEvents(data: MarkerEvent[], widthLine?: number): this;
+    /**
+     * Adds a marker area event to the chart.
+     */
+    addMarkArea(data: MarkArea[]): this;
+    private getIcon;
+    addMarkerPoint(id: number, data: {
+        dimName: string;
+        timestamp: number;
+        name?: string;
+    }, options?: Partial<MarkerPointOption>): this;
+    private isNumberArray;
+    /**
+     * Creates the series data
+     */
+    private createSeriesData;
+    /**
+     * Search for the dimension key and timestamp
+     */
+    private searchValueByDimensionKeyAndTimestamp;
+    /**
+     * Return the percentage fields in the dataset
+     */
+    private detectPercentageFields;
+    build(): this;
+    getDimensionKeys(): {
+        y: string[];
+        x: string;
+    };
+    getLegendStatus(): Record<string, boolean>;
+    getTotalRows(): number;
+    private isSimpleObject;
+    private isRecordArray;
+    private isNumberMatrix;
+    getRangeValues(): any[];
+    toggleMarkers(id: number, dimName: string, shape: string): this | undefined;
+}
+export {};
+//# sourceMappingURL=TimeSeriesChartBuilder.d.ts.map

package/dist/TimeSeriesChartBuilder.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TimeSeriesChartBuilder.d.ts","sourceRoot":"","sources":["../src/lib/TimeSeriesChartBuilder.ts"],"names":[],"mappings":"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"}