visualifyjs 2.5.3-2.dev → 2.5.3-9-dev

package/src/core/parser/echart.features.js

@@ -1,125 +1,125 @@
-/*
- * @Author       : Lihao leolihao@arizona.edu
- * @Date         : 2023-12-03 13:01:48
- * @FilePath     : /visualifyjs/src/core/parser/echart.features.js
- * @Description  :
- * Copyright (c) 2023 by Lihao (leolihao@arizona.edu), All Rights Reserved.
- */
-
-export function _parsePeakvalley(options, seriesObject) {
-	if (options.valley || options.peak) {
-		seriesObject.markPoint = {};
-		seriesObject.markPoint.data = [];
-		if (options.peak) {
-			seriesObject.markPoint.data.push({
-				type: 'max',
-				name: 'Max',
-				label: {
-					formatter:
-						typeof options.peak === 'string' ? options.peak : 'Max',
-				},
-			});
-		}
-		if (options.valley) {
-			seriesObject.markPoint.data.push({
-				type: 'min',
-				name: 'Min',
-				label: {
-					formatter:
-						typeof options.valley === 'string'
-							? options.valley
-							: 'Min',
-				},
-			});
-		}
-	}
-}
-
-export function _parseMarkArea(markAreaOption, seriesIndex) {
-	const markAreaOptions = {};
-
-	const formatAreaData = (option) => {
-		let areas = [];
-
-		const processAxis = (axisData, axisName) => {
-			if (Array.isArray(axisData)) {
-				axisData.forEach((data) =>
-					areas.push([
-						{ [axisName]: data.start, name: data.name },
-						{ [axisName]: data.end },
-					]),
-				);
-			} else {
-				areas.push([
-					{ [axisName]: axisData.start, name: axisData.name },
-					{ [axisName]: axisData.end },
-				]);
-			}
-		};
-
-		if (option.xAxis) {
-			processAxis(option.xAxis, 'xAxis');
-		}
-		if (option.yAxis) {
-			processAxis(option.yAxis, 'yAxis');
-		}
-
-		return areas;
-	};
-
-	let areaData = [];
-	let selectedOption =
-		Array.isArray(markAreaOption) && seriesIndex < markAreaOption.length
-			? markAreaOption[seriesIndex]
-			: markAreaOption;
-
-	areaData = formatAreaData(selectedOption);
-	markAreaOptions.data = areaData;
-
-	// Add emphasis and other additional properties
-	Object.keys(selectedOption).forEach((key) => {
-		if (key === 'data') {
-			markAreaOptions[key] = markAreaOptions[key].concat(
-				selectedOption[key],
-			);
-		} else if (key !== 'xAxis' && key !== 'yAxis') {
-			markAreaOptions[key] = selectedOption[key];
-		}
-	});
-
-	return markAreaOptions;
-}
-
-export function _parseMarkLine(markLineOption, seriesIndex) {
-	const markLineOptions = {};
-
-	let selectedOption =
-		Array.isArray(markLineOption) && seriesIndex < markLineOption.length
-			? markLineOption[seriesIndex]
-			: markLineOption;
-
-	markLineOptions.emphasis = {
-		lineStyle: {
-			width: 5,
-			type: 'solid',
-		},
-	};
-
-	markLineOptions.blur = {
-		lineStyle: {
-			opacity: 0.5, // Example blur style
-		},
-	};
-
-	markLineOptions.lineStyle = {
-		type: 'dashed', // 'solid','dashed'
-		width: 3,
-	};
-
-	// Add additional properties from markLineOption
-	Object.keys(selectedOption).forEach((key) => {
-		markLineOptions[key] = selectedOption[key];
-	});
-
-	return markLineOptions;
-}
+/*
+ * @Author       : Lihao leolihao@arizona.edu
+ * @Date         : 2023-12-03 13:01:48
+ * @FilePath     : /visualifyjs/src/core/parser/echart.features.js
+ * @Description  :
+ * Copyright (c) 2023 by Lihao (leolihao@arizona.edu), All Rights Reserved.
+ */
+
+export function _parsePeakvalley(options, seriesObject) {
+	if (options.valley || options.peak) {
+		seriesObject.markPoint = {};
+		seriesObject.markPoint.data = [];
+		if (options.peak) {
+			seriesObject.markPoint.data.push({
+				type: 'max',
+				name: 'Max',
+				label: {
+					formatter:
+						typeof options.peak === 'string' ? options.peak : 'Max',
+				},
+			});
+		}
+		if (options.valley) {
+			seriesObject.markPoint.data.push({
+				type: 'min',
+				name: 'Min',
+				label: {
+					formatter:
+						typeof options.valley === 'string'
+							? options.valley
+							: 'Min',
+				},
+			});
+		}
+	}
+}
+
+export function _parseMarkArea(markAreaOption, seriesIndex) {
+	const markAreaOptions = {};
+
+	const formatAreaData = (option) => {
+		let areas = [];
+
+		const processAxis = (axisData, axisName) => {
+			if (Array.isArray(axisData)) {
+				axisData.forEach((data) =>
+					areas.push([
+						{ [axisName]: data.start, name: data.name },
+						{ [axisName]: data.end },
+					]),
+				);
+			} else {
+				areas.push([
+					{ [axisName]: axisData.start, name: axisData.name },
+					{ [axisName]: axisData.end },
+				]);
+			}
+		};
+
+		if (option.xAxis) {
+			processAxis(option.xAxis, 'xAxis');
+		}
+		if (option.yAxis) {
+			processAxis(option.yAxis, 'yAxis');
+		}
+
+		return areas;
+	};
+
+	let areaData = [];
+	let selectedOption =
+		Array.isArray(markAreaOption) && seriesIndex < markAreaOption.length
+			? markAreaOption[seriesIndex]
+			: markAreaOption;
+
+	areaData = formatAreaData(selectedOption);
+	markAreaOptions.data = areaData;
+
+	// Add emphasis and other additional properties
+	Object.keys(selectedOption).forEach((key) => {
+		if (key === 'data') {
+			markAreaOptions[key] = markAreaOptions[key].concat(
+				selectedOption[key],
+			);
+		} else if (key !== 'xAxis' && key !== 'yAxis') {
+			markAreaOptions[key] = selectedOption[key];
+		}
+	});
+
+	return markAreaOptions;
+}
+
+export function _parseMarkLine(markLineOption, seriesIndex) {
+	const markLineOptions = {};
+
+	let selectedOption =
+		Array.isArray(markLineOption) && seriesIndex < markLineOption.length
+			? markLineOption[seriesIndex]
+			: markLineOption;
+
+	markLineOptions.emphasis = {
+		lineStyle: {
+			width: 5,
+			type: 'solid',
+		},
+	};
+
+	markLineOptions.blur = {
+		lineStyle: {
+			opacity: 0.5, // Example blur style
+		},
+	};
+
+	markLineOptions.lineStyle = {
+		type: 'dashed', // 'solid','dashed'
+		width: 3,
+	};
+
+	// Add additional properties from markLineOption
+	Object.keys(selectedOption).forEach((key) => {
+		markLineOptions[key] = selectedOption[key];
+	});
+
+	return markLineOptions;
+}

package/src/core/parser/echart.general.js

@@ -1,147 +1,143 @@
-/*
- * @Author       : Lihao leolihao@arizona.edu
- * @Date         : 2023-12-02 11:56:41
- * @FilePath     : /visualify.js/src/core/parser/echart.general.js
- * @Description  :
- *
- * Copyright (c) 2023 by Lihao (leolihao@arizona.edu), All Rights Reserved.
- */
-import { handle_alltypes_chart } from './echart.types';
-import { getArrayEl } from './echart.series';
-
-const _parser_gereral = (options = {}, preset = {}) => {
-	// Parse the custom options
-	const parsedOptions = handle_alltypes_chart(getArrayEl(options.type), {
-		...preset,
-	});
-
-	// Parse the common options
-	if ('title' in options) {
-		if (typeof options.title === 'string')
-			parsedOptions.title = {
-				...parsedOptions?.title,
-				text: options.title,
-			};
-		else parsedOptions.title = options.title;
-	}
-
-	if ('subtitle' in options) parsedOptions.title.subtext = options.subtitle;
-
-	if (options.legend === false) parsedOptions.legend = { show: false };
-	else if ('legend' in options)
-		parsedOptions.legend = { ...options.legend, ...options.legend };
-
-	if ('xAxis' in options) {
-		if (options.xAxis === false) parsedOptions.xAxis = { show: false };
-		else if (Array.isArray(options.xAxis)) {
-			parsedOptions.xAxis = {
-				...parsedOptions?.xAxis,
-				data: options.xAxis,
-			};
-		} else {
-			parsedOptions.xAxis = options.xAxis;
-		}
-	}
-
-	if ('yAxis' in options) {
-		if (options.yAxis === false) parsedOptions.yAxis = { show: false };
-		else if (Array.isArray(options.yAxis))
-			parsedOptions.yAxis = {
-				...parsedOptions?.yAxis,
-				data: options.yAxis,
-			};
-		else parsedOptions.yAxis = options.yAxis;
-	}
-
-	if ('xAxisLabel' in options) {
-		parsedOptions.xAxis = {
-			...parsedOptions?.xAxis,
-			name: options.xAxisLabel,
-		};
-	}
-
-	if ('yAxisLabel' in options) {
-		parsedOptions.yAxis = {
-			...parsedOptions?.yAxis,
-			name: options.yAxisLabel,
-		};
-	}
-
-	if ('xAxisLineshow' in options) {
-		parsedOptions.xAxis = {
-			...parsedOptions?.xAxis,
-			axisLine: {
-				...parsedOptions.xAxis?.axisLine,
-				show: options.xAxisLineshow,
-			},
-		};
-	}
-
-	if ('yAxisLineshow' in options) {
-		parsedOptions.yAxis = {
-			...parsedOptions?.yAxis,
-			axisLine: {
-				...parsedOptions.yAxis?.axisLine,
-				show: options.yAxisLineshow,
-			},
-		};
-	}
-
-	if ('xAxisLabelShow' in options) {
-		parsedOptions.xAxis = {
-			...parsedOptions?.xAxis,
-			axisLabel: {
-				...parsedOptions.xAxis?.axisLabel,
-				show: options.xAxisLabelShow,
-			},
-		};
-	}
-
-	if ('yAxisLabelShow' in options) {
-		parsedOptions.yAxis = {
-			...parsedOptions.yAxis,
-			axisLabel: {
-				...parsedOptions.yAxis?.axisLabel,
-				show: options.yAxisLabelShow,
-			},
-		};
-	}
-
-	if ('xAxisLabelColor' in options) {
-		parsedOptions.xAxis = {
-			...parsedOptions?.xAxis, // Copy existing xAxis properties
-			axisLabel: {
-				...parsedOptions.xAxis?.axisLabel, // Copy existing axisLabel properties
-				color: options.xAxisLabelColor,
-			},
-		};
-	}
-
-	if ('yAxisLabelColor' in options) {
-		parsedOptions.yAxis = {
-			...parsedOptions?.yAxis, // Copy existing yAxis properties
-			axisLabel: {
-				...parsedOptions.yAxis?.axisLabel, // Copy existing axisLabel properties
-				color: options.yAxisLabelColor,
-			},
-		};
-	}
-
-	if ('tooltip' in options) {
-		parsedOptions.tooltip = {
-			...parsedOptions?.tooltip,
-			...options.tooltip,
-		};
-	}
-
-	if ('toolbox' in options) {
-		parsedOptions.toolbox = {
-			...parsedOptions?.toolbox,
-			...options.toolbox,
-		};
-	}
-
-	return parsedOptions;
-};
-
-export default _parser_gereral;
+/*
+ * @Author       : Lihao leolihao@arizona.edu
+ * @Date         : 2023-12-02 11:56:41
+ * @FilePath     : /visualifyjs/src/core/parser/echart.general.js
+ * @Description  :
+ *
+ * Copyright (c) 2023 by Lihao (leolihao@arizona.edu), All Rights Reserved.
+ */
+import { handle_alltypes_chart } from './echart.types';
+import { getArrayEl } from './echart.series';
+
+const _parser_gereral = (options = {}, preset = {}) => {
+	// Parse the custom options
+	const parsedOptions = handle_alltypes_chart(getArrayEl(options.type), {
+		...preset,
+	});
+
+	// Parse the common options
+	if ('title' in options) {
+		if (typeof options.title === 'string')
+			parsedOptions.title = {
+				...parsedOptions?.title,
+				text: options.title,
+			};
+		else parsedOptions.title = options.title;
+	}
+
+	if ('subtitle' in options) parsedOptions.title.subtext = options.subtitle;
+
+	if (options.legend === false) parsedOptions.legend = { show: false };
+	else if ('legend' in options)
+		parsedOptions.legend = { ...options.legend, ...options.legend };
+
+	if ('xAxis' in options) {
+		if (options.xAxis === false) parsedOptions.xAxis = { show: false };
+		else if (options.xAxis)
+			parsedOptions.xAxis = {
+				...parsedOptions?.xAxis,
+				data: options.xAxis,
+			};
+	}
+
+	if ('yAxis' in options) {
+		if (options.yAxis === false) parsedOptions.yAxis = { show: false };
+		else if (Array.isArray(options.yAxis))
+			parsedOptions.yAxis = {
+				...parsedOptions?.yAxis,
+				data: options.yAxis,
+			};
+	}
+
+	if ('xAxisLabel' in options) {
+		parsedOptions.xAxis = {
+			...parsedOptions?.xAxis,
+			name: options.xAxisLabel,
+		};
+	}
+
+	if ('yAxisLabel' in options) {
+		parsedOptions.yAxis = {
+			...parsedOptions?.yAxis,
+			name: options.yAxisLabel,
+		};
+	}
+
+	if ('xAxisLineshow' in options) {
+		parsedOptions.xAxis = {
+			...parsedOptions?.xAxis,
+			axisLine: {
+				...parsedOptions.xAxis?.axisLine,
+				show: options.xAxisLineshow,
+			},
+		};
+	}
+
+	if ('yAxisLineshow' in options) {
+		parsedOptions.yAxis = {
+			...parsedOptions?.yAxis,
+			axisLine: {
+				...parsedOptions.yAxis?.axisLine,
+				show: options.yAxisLineshow,
+			},
+		};
+	}
+
+	if ('xAxisLabelShow' in options) {
+		parsedOptions.xAxis = {
+			...parsedOptions?.xAxis,
+			axisLabel: {
+				...parsedOptions.xAxis?.axisLabel,
+				show: options.xAxisLabelShow,
+			},
+		};
+	}
+
+	if ('yAxisLabelShow' in options) {
+		parsedOptions.yAxis = {
+			...parsedOptions.yAxis,
+			axisLabel: {
+				...parsedOptions.yAxis?.axisLabel,
+				show: options.yAxisLabelShow,
+			},
+		};
+	}
+
+	if ('xAxisLabelColor' in options) {
+		parsedOptions.xAxis = {
+			...parsedOptions?.xAxis, // Copy existing xAxis properties
+			axisLabel: {
+				...parsedOptions.xAxis?.axisLabel, // Copy existing axisLabel properties
+				color: options.xAxisLabelColor,
+			},
+		};
+	}
+
+	if ('yAxisLabelColor' in options) {
+		parsedOptions.yAxis = {
+			...parsedOptions?.yAxis, // Copy existing yAxis properties
+			axisLabel: {
+				...parsedOptions.yAxis?.axisLabel, // Copy existing axisLabel properties
+				color: options.yAxisLabelColor,
+			},
+		};
+	}
+
+	if ('tooltip' in options) {
+		parsedOptions.tooltip = {
+			...parsedOptions?.tooltip,
+			...options.tooltip,
+		};
+	}
+
+	if ('toolbox' in options) {
+		parsedOptions.toolbox = {
+			...parsedOptions?.toolbox,
+			...options.toolbox,
+		};
+	}
+
+	return parsedOptions;
+};
+
+export default _parser_gereral;

package/src/core/parser/echart.hilbert.js

@@ -1,57 +1,57 @@
-import hilbert from 'hilbert';
-
-const selectPointsForDownsampling = (
-	points,
-	hilbertValues,
-	threshold = 1000,
-) => {
-	// Pair each point with its Hilbert value
-	const pointsWithHilbert = points.map((point, index) => ({
-		point,
-		hilbert: hilbertValues[index],
-	}));
-
-	// Sort by Hilbert value
-	pointsWithHilbert.sort((a, b) => a.hilbert - b.hilbert);
-
-	// Calculate the step size to achieve the target number of points
-	const step = Math.ceil(points.length / threshold);
-
-	// Select a subset of points
-	const downsampled = [];
-	for (let i = 0; i < points.length; i += step) {
-		downsampled.push(pointsWithHilbert[i].point);
-	}
-
-	return downsampled;
-};
-
-const calculateHilbertValue = (point, order = 16) => {
-	// Create a Hilbert curve instance
-	const hilbertInstance = new hilbert.Hilbert2d(); // Replace with the actual class name if different
-	return hilbertInstance.xy2d(point.x, point.y, order);
-};
-
-const downsampleSeries = (series, hilbertSettings) => {
-	const { order = 16, threshold } = hilbertSettings;
-
-	const downsampledSeries = series.map((data) => {
-		const hilbertValues = data.data.map((point) =>
-			calculateHilbertValue(point, order),
-		);
-		const downsampledData = selectPointsForDownsampling(
-			data.data,
-			hilbertValues,
-			threshold,
-		);
-
-		return {
-			...data,
-			data: downsampledData,
-		};
-	});
-
-	return downsampledSeries;
-};
-
-export default downsampleSeries;
+import hilbert from 'hilbert';
+
+const selectPointsForDownsampling = (
+	points,
+	hilbertValues,
+	threshold = 1000,
+) => {
+	// Pair each point with its Hilbert value
+	const pointsWithHilbert = points.map((point, index) => ({
+		point,
+		hilbert: hilbertValues[index],
+	}));
+
+	// Sort by Hilbert value
+	pointsWithHilbert.sort((a, b) => a.hilbert - b.hilbert);
+
+	// Calculate the step size to achieve the target number of points
+	const step = Math.ceil(points.length / threshold);
+
+	// Select a subset of points
+	const downsampled = [];
+	for (let i = 0; i < points.length; i += step) {
+		downsampled.push(pointsWithHilbert[i].point);
+	}
+
+	return downsampled;
+};
+
+const calculateHilbertValue = (point, order = 16) => {
+	// Create a Hilbert curve instance
+	const hilbertInstance = new hilbert.Hilbert2d(); // Replace with the actual class name if different
+	return hilbertInstance.xy2d(point.x, point.y, order);
+};
+
+const downsampleSeries = (series, hilbertSettings) => {
+	const { order = 16, threshold } = hilbertSettings;
+
+	const downsampledSeries = series.map((data) => {
+		const hilbertValues = data.data.map((point) =>
+			calculateHilbertValue(point, order),
+		);
+		const downsampledData = selectPointsForDownsampling(
+			data.data,
+			hilbertValues,
+			threshold,
+		);
+
+		return {
+			...data,
+			data: downsampledData,
+		};
+	});
+
+	return downsampledSeries;
+};
+
+export default downsampleSeries;