@operato/scene-scichart 10.0.0-beta.6 → 10.0.0-beta.68
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
CHANGED
|
@@ -1,13 +1,34 @@
|
|
|
1
|
-
|
|
1
|
+
# @operato/scene-scichart
|
|
2
2
|
|
|
3
|
-
|
|
3
|
+
> scichart wrapping component
|
|
4
4
|
|
|
5
|
-
|
|
6
|
-
| ---- | ------------------------------------------ | -------------- | ------ |
|
|
7
|
-
| UMD | things-scene-scichart.js | modern browser | O |
|
|
8
|
-
| UMD | things-scene-scichart-ie.js | ie 11 | O |
|
|
9
|
-
| ESM | things-scene-scichart.mjs | modern browser | O |
|
|
5
|
+
<!-- AUTOGEN_BEGIN: do not edit between markers (run scripts/regenerate-readmes.mjs to update) -->
|
|
10
6
|
|
|
11
|
-
##
|
|
7
|
+
## Components
|
|
12
8
|
|
|
13
|
-
|
|
9
|
+
- `scichartTimeseries`
|
|
10
|
+
- `scichartMultipleTimeseries`
|
|
11
|
+
|
|
12
|
+
## Install
|
|
13
|
+
|
|
14
|
+
```bash
|
|
15
|
+
yarn add @operato/scene-scichart
|
|
16
|
+
```
|
|
17
|
+
|
|
18
|
+
## Usage
|
|
19
|
+
|
|
20
|
+
```ts
|
|
21
|
+
import { scichartTimeseries, scichartMultipleTimeseries } from '@operato/scene-scichart'
|
|
22
|
+
```
|
|
23
|
+
|
|
24
|
+
## Build
|
|
25
|
+
|
|
26
|
+
```bash
|
|
27
|
+
yarn build
|
|
28
|
+
```
|
|
29
|
+
|
|
30
|
+
Output: ESM module at `dist/index.js` (single bundle, no UMD/IE legacy).
|
|
31
|
+
|
|
32
|
+
_Version: 10.0.0-beta.6_
|
|
33
|
+
|
|
34
|
+
<!-- AUTOGEN_END -->
|
|
@@ -23,7 +23,7 @@ const data = generateRandomData(100);
|
|
|
23
23
|
export default {
|
|
24
24
|
type: 'scichart-multiple-timeseries',
|
|
25
25
|
description: 'scichart-multiple-timeseries',
|
|
26
|
-
/* line|shape|textAndMedia|chartAndGauge|table|container|dataSource|
|
|
26
|
+
/* line|shape|textAndMedia|chartAndGauge|table|container|dataSource|3D|facility|storage|conveyance|transport|form|etc */
|
|
27
27
|
group: 'chartAndGauge',
|
|
28
28
|
icon,
|
|
29
29
|
model: {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"scichart-multiple-timeseries.js","sourceRoot":"","sources":["../../src/templates/scichart-multiple-timeseries.ts"],"names":[],"mappings":"AAAA,MAAM,IAAI,GAAG,IAAI,GAAG,CAAC,8CAA8C,EAAE,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,CAAA;AAE1F,SAAS,gBAAgB,CAAC,GAAW,EAAE,GAAW;IAChD,OAAO,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG,GAAG,GAAG,CAAC,CAAC,CAAC,GAAG,GAAG,CAAA;AAC1D,CAAC;AAED,kBAAkB;AAClB,SAAS,kBAAkB,CAAC,KAAa;IACvC,MAAM,UAAU,GAAG,EAAE,CAAA;IACrB,MAAM,cAAc,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,GAAG,EAAE,CAAC,CAAA,CAAC,wBAAwB;IAEtE,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,KAAK,EAAE,CAAC,EAAE,EAAE,CAAC;QAC/B,MAAM,SAAS,GAAG,cAAc,GAAG,CAAC,GAAG,GAAG,GAAG,EAAE,GAAG,IAAI,CAAA,CAAC,oBAAoB;QAC3E,MAAM,WAAW,GAAG,gBAAgB,CAAC,CAAC,EAAE,EAAE,CAAC,CAAA,CAAC,4BAA4B;QACxE,MAAM,aAAa,GAAG,gBAAgB,CAAC,EAAE,EAAE,GAAG,CAAC,CAAA,CAAC,gCAAgC;QAEhF,UAAU,CAAC,IAAI,CAAC;YACd,SAAS,EAAE,SAAS;YACpB,KAAK,EAAE,WAAW;YAClB,OAAO,EAAE,aAAa;SACvB,CAAC,CAAA;IACJ,CAAC;IAED,OAAO,UAAU,CAAA;AACnB,CAAC;AAED,mBAAmB;AACnB,MAAM,IAAI,GAAG,kBAAkB,CAAC,GAAG,CAAC,CAAA;AAEpC,eAAe;IACb,IAAI,EAAE,8BAA8B;IACpC,WAAW,EAAE,8BAA8B;IAC3C,
|
|
1
|
+
{"version":3,"file":"scichart-multiple-timeseries.js","sourceRoot":"","sources":["../../src/templates/scichart-multiple-timeseries.ts"],"names":[],"mappings":"AAAA,MAAM,IAAI,GAAG,IAAI,GAAG,CAAC,8CAA8C,EAAE,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,CAAA;AAE1F,SAAS,gBAAgB,CAAC,GAAW,EAAE,GAAW;IAChD,OAAO,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG,GAAG,GAAG,CAAC,CAAC,CAAC,GAAG,GAAG,CAAA;AAC1D,CAAC;AAED,kBAAkB;AAClB,SAAS,kBAAkB,CAAC,KAAa;IACvC,MAAM,UAAU,GAAG,EAAE,CAAA;IACrB,MAAM,cAAc,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,GAAG,EAAE,CAAC,CAAA,CAAC,wBAAwB;IAEtE,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,KAAK,EAAE,CAAC,EAAE,EAAE,CAAC;QAC/B,MAAM,SAAS,GAAG,cAAc,GAAG,CAAC,GAAG,GAAG,GAAG,EAAE,GAAG,IAAI,CAAA,CAAC,oBAAoB;QAC3E,MAAM,WAAW,GAAG,gBAAgB,CAAC,CAAC,EAAE,EAAE,CAAC,CAAA,CAAC,4BAA4B;QACxE,MAAM,aAAa,GAAG,gBAAgB,CAAC,EAAE,EAAE,GAAG,CAAC,CAAA,CAAC,gCAAgC;QAEhF,UAAU,CAAC,IAAI,CAAC;YACd,SAAS,EAAE,SAAS;YACpB,KAAK,EAAE,WAAW;YAClB,OAAO,EAAE,aAAa;SACvB,CAAC,CAAA;IACJ,CAAC;IAED,OAAO,UAAU,CAAA;AACnB,CAAC;AAED,mBAAmB;AACnB,MAAM,IAAI,GAAG,kBAAkB,CAAC,GAAG,CAAC,CAAA;AAEpC,eAAe;IACb,IAAI,EAAE,8BAA8B;IACpC,WAAW,EAAE,8BAA8B;IAC3C,wHAAwH;IACxH,KAAK,EAAE,eAAe;IACtB,IAAI;IACJ,KAAK,EAAE;QACL,IAAI,EAAE,8BAA8B;QACpC,IAAI,EAAE,EAAE;QACR,GAAG,EAAE,EAAE;QACP,KAAK,EAAE,GAAG;QACV,MAAM,EAAE,EAAE;QACV,IAAI;QACJ,KAAK,EAAE;YACL,IAAI,EAAE,YAAY;YAClB,IAAI,EAAE;gBACJ,QAAQ,EAAE;oBACR;wBACE,OAAO,EAAE,OAAO;wBAChB,KAAK,EAAE,EAAE;wBACT,IAAI,EAAE,MAAM;wBACZ,WAAW,EAAE,CAAC;wBACd,KAAK,EAAE,OAAO;qBACf;oBACD;wBACE,OAAO,EAAE,SAAS;wBAClB,KAAK,EAAE,EAAE;wBACT,IAAI,EAAE,MAAM;wBACZ,WAAW,EAAE,CAAC;wBACd,KAAK,EAAE,KAAK;qBACb;iBACF;gBACD,YAAY,EAAE,WAAW;aAC1B;YACD,OAAO,EAAE;gBACP,MAAM,EAAE;oBACN,KAAK,EAAE;wBACL;4BACE,KAAK,EAAE,EAAE,WAAW,EAAE,IAAI,EAAE;yBAC7B;qBACF;oBACD,KAAK,EAAE;wBACL;4BACE,KAAK,EAAE,EAAE,WAAW,EAAE,IAAI,EAAE;yBAC7B;qBACF;iBACF;gBACD,MAAM,EAAE;oBACN,OAAO,EAAE,KAAK;iBACf;gBACD,WAAW,EAAE,EAAE;gBACf,OAAO,EAAE,IAAI;aACd;SACF;QACD,YAAY,EAAE,IAAI;QAClB,aAAa,EAAE,EAAE;KAClB;CACF,CAAA","sourcesContent":["const icon = new URL('../../icons/scichart-multiple-timeseries.png', import.meta.url).href\n\nfunction getRandomInRange(min: number, max: number) {\n return Math.floor(Math.random() * (max - min + 1)) + min\n}\n\n// 랜덤 데이터를 생성하는 함수\nfunction generateRandomData(count: number) {\n const randomData = []\n const startTimestamp = Math.floor(Date.now()) // 현재 시간을 Unix 타임스탬프로 설정\n\n for (let i = 0; i < count; i++) {\n const timestamp = startTimestamp + i * 360 * 30 * 1000 // 3초씩 증가하는 타임스탬프 설정\n const randomCount = getRandomInRange(5, 35) // count 값을 5에서 35 사이로 랜덤 생성\n const randomAverage = getRandomInRange(50, 150) // average 값을 50에서 150 사이로 랜덤 생성\n\n randomData.push({\n timestamp: timestamp,\n count: randomCount,\n average: randomAverage\n })\n }\n\n return randomData\n}\n\n// 100개의 랜덤 데이터를 생성\nconst data = generateRandomData(100)\n\nexport default {\n type: 'scichart-multiple-timeseries',\n description: 'scichart-multiple-timeseries',\n /* line|shape|textAndMedia|chartAndGauge|table|container|dataSource|3D|facility|storage|conveyance|transport|form|etc */\n group: 'chartAndGauge',\n icon,\n model: {\n type: 'scichart-multiple-timeseries',\n left: 10,\n top: 10,\n width: 600,\n height: 60,\n data,\n chart: {\n type: 'timeseries',\n data: {\n datasets: [\n {\n dataKey: 'count',\n label: '',\n type: 'line',\n borderWidth: 1,\n color: 'green'\n },\n {\n dataKey: 'average',\n label: '',\n type: 'line',\n borderWidth: 1,\n color: 'red'\n }\n ],\n labelDataKey: 'timestamp'\n },\n options: {\n scales: {\n xAxes: [\n {\n ticks: { beginAtZero: true }\n }\n ],\n yAxes: [\n {\n ticks: { beginAtZero: true }\n }\n ]\n },\n legend: {\n display: false\n },\n annotations: [],\n tooltip: true\n }\n },\n showOverview: true,\n visibleSeries: []\n }\n}\n"]}
|
|
@@ -23,7 +23,7 @@ const data = generateRandomData(100);
|
|
|
23
23
|
export default {
|
|
24
24
|
type: 'scichart-timeseries',
|
|
25
25
|
description: 'scichart-timeseries',
|
|
26
|
-
/* line|shape|textAndMedia|chartAndGauge|table|container|dataSource|
|
|
26
|
+
/* line|shape|textAndMedia|chartAndGauge|table|container|dataSource|3D|facility|storage|conveyance|transport|form|etc */
|
|
27
27
|
group: 'chartAndGauge',
|
|
28
28
|
icon,
|
|
29
29
|
model: {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"scichart-timeseries.js","sourceRoot":"","sources":["../../src/templates/scichart-timeseries.ts"],"names":[],"mappings":"AAAA,MAAM,IAAI,GAAG,IAAI,GAAG,CAAC,qCAAqC,EAAE,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,CAAA;AAEjF,SAAS,gBAAgB,CAAC,GAAW,EAAE,GAAW;IAChD,OAAO,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG,GAAG,GAAG,CAAC,CAAC,CAAC,GAAG,GAAG,CAAA;AAC1D,CAAC;AAED,kBAAkB;AAClB,SAAS,kBAAkB,CAAC,KAAa;IACvC,MAAM,UAAU,GAAG,EAAE,CAAA;IACrB,MAAM,cAAc,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,GAAG,EAAE,CAAC,CAAA,CAAC,wBAAwB;IAEtE,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,KAAK,EAAE,CAAC,EAAE,EAAE,CAAC;QAC/B,MAAM,SAAS,GAAG,cAAc,GAAG,CAAC,GAAG,GAAG,GAAG,EAAE,GAAG,IAAI,CAAA,CAAC,oBAAoB;QAC3E,MAAM,WAAW,GAAG,gBAAgB,CAAC,CAAC,EAAE,EAAE,CAAC,CAAA,CAAC,4BAA4B;QACxE,MAAM,aAAa,GAAG,gBAAgB,CAAC,EAAE,EAAE,GAAG,CAAC,CAAA,CAAC,gCAAgC;QAEhF,UAAU,CAAC,IAAI,CAAC;YACd,SAAS,EAAE,SAAS;YACpB,KAAK,EAAE,WAAW;YAClB,OAAO,EAAE,aAAa;SACvB,CAAC,CAAA;IACJ,CAAC;IAED,OAAO,UAAU,CAAA;AACnB,CAAC;AAED,mBAAmB;AACnB,MAAM,IAAI,GAAG,kBAAkB,CAAC,GAAG,CAAC,CAAA;AAEpC,eAAe;IACb,IAAI,EAAE,qBAAqB;IAC3B,WAAW,EAAE,qBAAqB;IAClC,
|
|
1
|
+
{"version":3,"file":"scichart-timeseries.js","sourceRoot":"","sources":["../../src/templates/scichart-timeseries.ts"],"names":[],"mappings":"AAAA,MAAM,IAAI,GAAG,IAAI,GAAG,CAAC,qCAAqC,EAAE,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,CAAA;AAEjF,SAAS,gBAAgB,CAAC,GAAW,EAAE,GAAW;IAChD,OAAO,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG,GAAG,GAAG,CAAC,CAAC,CAAC,GAAG,GAAG,CAAA;AAC1D,CAAC;AAED,kBAAkB;AAClB,SAAS,kBAAkB,CAAC,KAAa;IACvC,MAAM,UAAU,GAAG,EAAE,CAAA;IACrB,MAAM,cAAc,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,GAAG,EAAE,CAAC,CAAA,CAAC,wBAAwB;IAEtE,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,KAAK,EAAE,CAAC,EAAE,EAAE,CAAC;QAC/B,MAAM,SAAS,GAAG,cAAc,GAAG,CAAC,GAAG,GAAG,GAAG,EAAE,GAAG,IAAI,CAAA,CAAC,oBAAoB;QAC3E,MAAM,WAAW,GAAG,gBAAgB,CAAC,CAAC,EAAE,EAAE,CAAC,CAAA,CAAC,4BAA4B;QACxE,MAAM,aAAa,GAAG,gBAAgB,CAAC,EAAE,EAAE,GAAG,CAAC,CAAA,CAAC,gCAAgC;QAEhF,UAAU,CAAC,IAAI,CAAC;YACd,SAAS,EAAE,SAAS;YACpB,KAAK,EAAE,WAAW;YAClB,OAAO,EAAE,aAAa;SACvB,CAAC,CAAA;IACJ,CAAC;IAED,OAAO,UAAU,CAAA;AACnB,CAAC;AAED,mBAAmB;AACnB,MAAM,IAAI,GAAG,kBAAkB,CAAC,GAAG,CAAC,CAAA;AAEpC,eAAe;IACb,IAAI,EAAE,qBAAqB;IAC3B,WAAW,EAAE,qBAAqB;IAClC,wHAAwH;IACxH,KAAK,EAAE,eAAe;IACtB,IAAI;IACJ,KAAK,EAAE;QACL,IAAI,EAAE,qBAAqB;QAC3B,IAAI,EAAE,EAAE;QACR,GAAG,EAAE,EAAE;QACP,KAAK,EAAE,GAAG;QACV,MAAM,EAAE,GAAG;QACX,IAAI;QACJ,KAAK,EAAE;YACL,IAAI,EAAE,YAAY;YAClB,IAAI,EAAE;gBACJ,QAAQ,EAAE;oBACR;wBACE,OAAO,EAAE,OAAO;wBAChB,KAAK,EAAE,EAAE;wBACT,IAAI,EAAE,MAAM;wBACZ,WAAW,EAAE,CAAC;qBACf;iBACF;gBACD,YAAY,EAAE,WAAW;aAC1B;YACD,OAAO,EAAE;gBACP,MAAM,EAAE;oBACN,KAAK,EAAE;wBACL;4BACE,KAAK,EAAE,EAAE,WAAW,EAAE,IAAI,EAAE;yBAC7B;qBACF;oBACD,KAAK,EAAE;wBACL;4BACE,KAAK,EAAE,EAAE,WAAW,EAAE,IAAI,EAAE;yBAC7B;qBACF;iBACF;gBACD,MAAM,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE;aAC1B;SACF;KACF;CACF,CAAA","sourcesContent":["const icon = new URL('../../icons/scichart-timeseries.png', import.meta.url).href\n\nfunction getRandomInRange(min: number, max: number) {\n return Math.floor(Math.random() * (max - min + 1)) + min\n}\n\n// 랜덤 데이터를 생성하는 함수\nfunction generateRandomData(count: number) {\n const randomData = []\n const startTimestamp = Math.floor(Date.now()) // 현재 시간을 Unix 타임스탬프로 설정\n\n for (let i = 0; i < count; i++) {\n const timestamp = startTimestamp + i * 360 * 30 * 1000 // 3초씩 증가하는 타임스탬프 설정\n const randomCount = getRandomInRange(5, 35) // count 값을 5에서 35 사이로 랜덤 생성\n const randomAverage = getRandomInRange(50, 150) // average 값을 50에서 150 사이로 랜덤 생성\n\n randomData.push({\n timestamp: timestamp,\n count: randomCount,\n average: randomAverage\n })\n }\n\n return randomData\n}\n\n// 100개의 랜덤 데이터를 생성\nconst data = generateRandomData(100)\n\nexport default {\n type: 'scichart-timeseries',\n description: 'scichart-timeseries',\n /* line|shape|textAndMedia|chartAndGauge|table|container|dataSource|3D|facility|storage|conveyance|transport|form|etc */\n group: 'chartAndGauge',\n icon,\n model: {\n type: 'scichart-timeseries',\n left: 10,\n top: 10,\n width: 400,\n height: 300,\n data,\n chart: {\n type: 'timeseries',\n data: {\n datasets: [\n {\n dataKey: 'count',\n label: '',\n type: 'line',\n borderWidth: 1\n }\n ],\n labelDataKey: 'timestamp'\n },\n options: {\n scales: {\n xAxes: [\n {\n ticks: { beginAtZero: true }\n }\n ],\n yAxes: [\n {\n ticks: { beginAtZero: true }\n }\n ]\n },\n legend: { display: true }\n }\n }\n }\n}\n"]}
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@operato/scene-scichart",
|
|
3
3
|
"description": "scichart wrapping component",
|
|
4
|
-
"version": "10.0.0-beta.
|
|
4
|
+
"version": "10.0.0-beta.68",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"license": "MIT",
|
|
7
7
|
"things-scene": true,
|
|
@@ -18,24 +18,22 @@
|
|
|
18
18
|
"directory": "packages/scichart"
|
|
19
19
|
},
|
|
20
20
|
"scripts": {
|
|
21
|
-
"serve": "tsc && concurrently -k -r \"tsc --watch --preserveWatchOutput\" \"things-factory-dev\"",
|
|
22
|
-
"serve:dev": "npm run serve",
|
|
23
21
|
"start": "tsc && concurrently -k -r \"tsc --watch --preserveWatchOutput\" \"wds\"",
|
|
24
22
|
"build": "tsc",
|
|
25
23
|
"prepublishOnly": "tsc",
|
|
26
24
|
"lint": "eslint src/ && prettier \"src/**/*.ts\" --check",
|
|
27
|
-
"format": "eslint src/ --fix && prettier \"src/**/*.ts\" --write"
|
|
28
|
-
"migration": "things-factory-migration"
|
|
25
|
+
"format": "eslint src/ --fix && prettier \"src/**/*.ts\" --write"
|
|
29
26
|
},
|
|
30
27
|
"dependencies": {
|
|
28
|
+
"@ctrl/tinycolor": "^4.1.0",
|
|
31
29
|
"@hatiolab/things-scene": "^10.0.0-beta.1",
|
|
32
30
|
"@operato/chart": "^10.0.0-beta.1",
|
|
31
|
+
"@operato/styles": "^10.0.0-beta.1",
|
|
32
|
+
"lit": "^3.1.2",
|
|
33
33
|
"scichart": "^3.4.617"
|
|
34
34
|
},
|
|
35
35
|
"devDependencies": {
|
|
36
36
|
"@hatiolab/prettier-config": "^1.0.0",
|
|
37
|
-
"@things-factory/builder": "^10.0.0-beta.1",
|
|
38
|
-
"@things-factory/operato-board": "^10.0.0-beta.1",
|
|
39
37
|
"@typescript-eslint/eslint-plugin": "^8.0.0",
|
|
40
38
|
"@typescript-eslint/parser": "^8.0.0",
|
|
41
39
|
"@web/dev-server": "^0.1.28",
|
|
@@ -60,5 +58,5 @@
|
|
|
60
58
|
"prettier --write"
|
|
61
59
|
]
|
|
62
60
|
},
|
|
63
|
-
"gitHead": "
|
|
61
|
+
"gitHead": "fce8d69d7bb8af85cfb2e2507a8eee14130d36d7"
|
|
64
62
|
}
|