@operato/scene-chartjs 10.0.0-beta.2 → 10.0.0-beta.22
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 +16 -14
- package/dist/chartjs.js +10 -4
- package/dist/chartjs.js.map +1 -1
- package/dist/templates/bar-chart.js +1 -1
- package/dist/templates/bar-chart.js.map +1 -1
- package/dist/templates/doughnut-chart.js +1 -1
- package/dist/templates/doughnut-chart.js.map +1 -1
- package/dist/templates/horizontal-bar-chart.js +1 -1
- package/dist/templates/horizontal-bar-chart.js.map +1 -1
- package/dist/templates/line-chart.js +1 -1
- package/dist/templates/line-chart.js.map +1 -1
- package/dist/templates/mixed-chart.js +1 -1
- package/dist/templates/mixed-chart.js.map +1 -1
- package/dist/templates/pie-chart.js +1 -1
- package/dist/templates/pie-chart.js.map +1 -1
- package/dist/templates/polar-area-chart.js +1 -1
- package/dist/templates/polar-area-chart.js.map +1 -1
- package/dist/templates/radar-chart.js +1 -1
- package/dist/templates/radar-chart.js.map +1 -1
- package/package.json +2 -2
package/README.md
CHANGED
|
@@ -1,21 +1,23 @@
|
|
|
1
|
-
#
|
|
1
|
+
# @operato/scene-chartjs
|
|
2
2
|
|
|
3
|
-
|
|
3
|
+
> Things Scene ChartJS Component
|
|
4
4
|
|
|
5
|
-
|
|
5
|
+
<!-- AUTOGEN_BEGIN: do not edit between markers (run scripts/regenerate-readmes.mjs to update) -->
|
|
6
6
|
|
|
7
|
-
|
|
8
|
-
| ---- | -------------------------- | -------------- | ------ |
|
|
9
|
-
| UMD | things-scene-chartjs.js | modern browser | X |
|
|
10
|
-
| UMD | things-scene-chartjs-ie.js | ie 11 | O |
|
|
11
|
-
| ESM | things-scene-chartjs.mjs | modern browser | X |
|
|
7
|
+
## Install
|
|
12
8
|
|
|
13
|
-
|
|
9
|
+
```bash
|
|
10
|
+
yarn add @operato/scene-chartjs
|
|
11
|
+
```
|
|
14
12
|
|
|
15
|
-
|
|
13
|
+
## Build
|
|
16
14
|
|
|
17
|
-
```
|
|
18
|
-
|
|
19
|
-
<script src="/node_modules/@webcomponents/webcomponentsjs/webcomponents-bundle.js"></script>
|
|
20
|
-
<script src="/node_modules/@webcomponents/webcomponentsjs/custom-elements-es5-adapter.js"></script>
|
|
15
|
+
```bash
|
|
16
|
+
yarn build
|
|
21
17
|
```
|
|
18
|
+
|
|
19
|
+
Output: ESM module at `dist/index.js` (single bundle, no UMD/IE legacy).
|
|
20
|
+
|
|
21
|
+
_Version: 10.0.0-beta.21_
|
|
22
|
+
|
|
23
|
+
<!-- AUTOGEN_END -->
|
package/dist/chartjs.js
CHANGED
|
@@ -70,16 +70,22 @@ let ChartJS = class ChartJS extends HTMLOverlayElement {
|
|
|
70
70
|
}
|
|
71
71
|
_setChartConfig(element) {
|
|
72
72
|
const { chart: chartConfig, fontSize = 12, fontFamily, fontColor, shadow } = this.state;
|
|
73
|
-
|
|
73
|
+
// shadow 신규 키 (offsetX/offsetY/blur) 우선, 옛 키 (left/top/blurSize) 는 fallback —
|
|
74
|
+
// drawer (things-scene/effect/shadow.ts) 의 readShadow 와 동일 규칙.
|
|
75
|
+
const s = (shadow || {});
|
|
76
|
+
const offsetX = s.offsetX ?? s.left ?? 0;
|
|
77
|
+
const offsetY = s.offsetY ?? s.top ?? 0;
|
|
78
|
+
const blur = s.blur ?? s.blurSize ?? 0;
|
|
79
|
+
const color = s.color ?? 'transparent';
|
|
74
80
|
const fontOption = {
|
|
75
81
|
defaultFontSize: fontSize,
|
|
76
82
|
defaultFontFamily: fontFamily,
|
|
77
83
|
defaultFontColor: fontColor
|
|
78
84
|
};
|
|
79
85
|
const shadowOption = {
|
|
80
|
-
shadowOffsetX:
|
|
81
|
-
shadowOffsetY:
|
|
82
|
-
shadowBlur:
|
|
86
|
+
shadowOffsetX: offsetX,
|
|
87
|
+
shadowOffsetY: offsetY,
|
|
88
|
+
shadowBlur: blur,
|
|
83
89
|
shadowColor: color
|
|
84
90
|
};
|
|
85
91
|
const cloneChartConf = cloneDeep(chartConfig);
|
package/dist/chartjs.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"chartjs.js","sourceRoot":"","sources":["../src/chartjs.ts"],"names":[],"mappings":";AAAA,OAAO,eAAe,CAAA;AAEtB,OAAO,SAAS,MAAM,wBAAwB,CAAA;AAE9C,OAAO,EAAmB,KAAK,EAAE,kBAAkB,EAAc,cAAc,EAAE,MAAM,wBAAwB,CAAA;AAI/G,MAAM,MAAM,GAAoB;IAC9B,OAAO,EAAE,KAAK;IACd,SAAS,EAAE,IAAI;IACf,SAAS,EAAE,IAAI;IACf,UAAU,EAAE;QACV;YACE,IAAI,EAAE,SAAS;YACf,KAAK,EAAE,EAAE;YACT,IAAI,EAAE,OAAO;SACd;KACF;IACD,gBAAgB,EAAE,MAAM;IACxB,IAAI,EAAE,yBAAyB;CAChC,CAAA;AAGc,IAAM,OAAO,GAAb,MAAM,OAAQ,SAAQ,kBAAkB;IAC7C,eAAe,GAAG,KAAK,CAAA;IACvB,cAAc,GAAG,KAAK,CAAA;IAE9B,IAAI,MAAM;QACR,OAAO,MAAM,CAAA;IACf,CAAC;IAED,IAAI,eAAe;QACjB,OAAO,KAAK,CAAA;IACd,CAAC;IAED,IAAI,OAAO;QACT,OAAO,UAAU,CAAA;IACnB,CAAC;IAED,OAAO;QACL,CAAC;QAAC,IAAI,CAAC,OAAmB,EAAE,OAAO,EAAE,CAAA;QAErC,KAAK,CAAC,OAAO,EAAE,CAAA;IACjB,CAAC;IAED,YAAY;QACV,OAAO,KAAK,CAAA;IACd,CAAC;IAED,aAAa;QACX,KAAK,CAAC,aAAa,EAAE,CAAA;QAErB,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,IAAI,CAAC,MAAM,CAAA;QACrC,MAAM,OAAO,GAAG,IAAI,CAAC,OAAkB,CAAA;QACvC,MAAM,IAAI,GAAG,IAAI,CAAC,IAAI,CAAA;QAEtB,OAAO,CAAC,KAAK,GAAG,KAAK,CAAA;QACrB,OAAO,CAAC,MAAM,GAAG,MAAM,CAAA;QAEvB,IAAI,CAAC,eAAe,CAAC,OAAO,CAAC,CAAA;QAC7B,OAAO,CAAC,IAAI,GAAG,IAAI,CAAA;IACrB,CAAC;IAED,4CAA4C;IAC5C,oBAAoB,CAAC,OAAgB;QACnC,IAAI,CAAC,QAAQ,CAAC,WAAW,EAAE,CAAC,CAAC,CAAA,CAAC,4BAA4B;QAE1D,MAAM,EAAE,KAAK,EAAE,WAAW,EAAE,GAAG,IAAI,CAAC,KAAK,CAAA;QACzC,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,IAAI,CAAC,MAAM,CAAA;QACrC,MAAM,IAAI,GAAG,IAAI,CAAC,IAAI,CAAA;QAEtB,IAAI,CAAC;YACH,OAAO,CAAC,KAAK,GAAG,KAAK,CAAA;YACrB,OAAO,CAAC,MAAM,GAAG,MAAM,CAAA;YAEvB,IAAI,WAAW,IAAI,IAAI,CAAC,eAAe,EAAE,CAAC;gBACxC,IAAI,CAAC,eAAe,CAAC,OAAO,CAAC,CAAA;gBAC7B,IAAI,CAAC,eAAe,GAAG,KAAK,CAAA;YAC9B,CAAC;YAED,IAAI,IAAI,CAAC,cAAc,EAAE,CAAC;gBACxB,OAAO,CAAC,IAAI,GAAG,IAAI,CAAA;gBACnB,IAAI,CAAC,cAAc,GAAG,KAAK,CAAA;YAC7B,CAAC;QACH,CAAC;QAAC,OAAO,CAAC,EAAE,CAAC;YACX,KAAK,CAAC,CAAC,CAAC,CAAA;QACV,CAAC;IACH,CAAC;IAED,eAAe,CAAC,OAAgB;QAC9B,MAAM,EAAE,KAAK,EAAE,WAAW,EAAE,QAAQ,GAAG,EAAE,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,EAAE,GAAG,IAAI,CAAC,KAAK,CAAA;QACvF,MAAM,EAAE,IAAI,GAAG,CAAC,
|
|
1
|
+
{"version":3,"file":"chartjs.js","sourceRoot":"","sources":["../src/chartjs.ts"],"names":[],"mappings":"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","sourcesContent":["import './ox-chart.js'\n\nimport cloneDeep from 'lodash-es/cloneDeep.js'\n\nimport { ComponentNature, error, HTMLOverlayElement, Properties, sceneComponent } from '@hatiolab/things-scene'\n\nimport { OxChart } from './ox-chart.js'\n\nconst NATURE: ComponentNature = {\n mutable: false,\n resizable: true,\n rotatable: true,\n properties: [\n {\n type: 'chartjs',\n label: '',\n name: 'chart'\n }\n ],\n 'value-property': 'data',\n help: 'scene/component/chartjs'\n}\n\n@sceneComponent('chartjs')\nexport default class ChartJS extends HTMLOverlayElement {\n private _isChartChanged = false\n private _isDataChanged = false\n\n get nature() {\n return NATURE\n }\n\n get hasTextProperty() {\n return false\n }\n\n get tagName() {\n return 'ox-chart'\n }\n\n dispose(): void {\n ;(this.element as OxChart)?.dispose()\n\n super.dispose()\n }\n\n isShadowable() {\n return false\n }\n\n createElement() {\n super.createElement()\n\n const { width, height } = this.bounds\n const element = this.element as OxChart\n const data = this.data\n\n element.width = width\n element.height = height\n\n this._setChartConfig(element)\n element.data = data\n }\n\n /* component.property => element.property */\n setElementProperties(element: OxChart) {\n this.setState('lineWidth', 0) // border 표현이 자연스럽게 바뀌면 지울것.\n\n const { chart: chartConfig } = this.state\n const { width, height } = this.bounds\n const data = this.data\n\n try {\n element.width = width\n element.height = height\n\n if (chartConfig && this._isChartChanged) {\n this._setChartConfig(element)\n this._isChartChanged = false\n }\n\n if (this._isDataChanged) {\n element.data = data\n this._isDataChanged = false\n }\n } catch (e) {\n error(e)\n }\n }\n\n _setChartConfig(element: OxChart) {\n const { chart: chartConfig, fontSize = 12, fontFamily, fontColor, shadow } = this.state\n // shadow 신규 키 (offsetX/offsetY/blur) 우선, 옛 키 (left/top/blurSize) 는 fallback —\n // drawer (things-scene/effect/shadow.ts) 의 readShadow 와 동일 규칙.\n const s = (shadow || {}) as {\n offsetX?: number\n offsetY?: number\n blur?: number\n left?: number\n top?: number\n blurSize?: number\n color?: string\n }\n const offsetX = s.offsetX ?? s.left ?? 0\n const offsetY = s.offsetY ?? s.top ?? 0\n const blur = s.blur ?? s.blurSize ?? 0\n const color = s.color ?? 'transparent'\n\n const fontOption = {\n defaultFontSize: fontSize,\n defaultFontFamily: fontFamily,\n defaultFontColor: fontColor\n }\n\n const shadowOption = {\n shadowOffsetX: offsetX,\n shadowOffsetY: offsetY,\n shadowBlur: blur,\n shadowColor: color\n }\n\n const cloneChartConf = cloneDeep(chartConfig)\n\n cloneChartConf.options = {\n ...cloneChartConf.options,\n ...fontOption\n }\n\n cloneChartConf.data.datasets = cloneChartConf.data.datasets.map((dataset: any) => {\n return {\n ...dataset,\n ...shadowOption\n }\n })\n\n element.options = cloneChartConf\n }\n\n onchange(after: Properties, before: Properties) {\n this._isChartChanged = false\n\n if ('chart' in after || 'fontSize' in after || 'fontFamily' in after || 'fontColor' in after || 'shadow' in after)\n this._isChartChanged = true\n\n super.onchange(after, before)\n }\n\n onchangeData(data: any) {\n this._isDataChanged = true\n }\n}\n"]}
|
|
@@ -4,7 +4,7 @@ export default {
|
|
|
4
4
|
description: 'ChartJS - barchart',
|
|
5
5
|
icon: icon,
|
|
6
6
|
group: 'chartAndGauge',
|
|
7
|
-
/* line|shape|textAndMedia|chartAndGauge|table|container|dataSource|
|
|
7
|
+
/* line|shape|textAndMedia|chartAndGauge|table|container|dataSource|3D|facility|storage|conveyance|transport|form|etc */
|
|
8
8
|
model: {
|
|
9
9
|
type: 'chartjs',
|
|
10
10
|
top: 200,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"bar-chart.js","sourceRoot":"","sources":["../../src/templates/bar-chart.ts"],"names":[],"mappings":"AAAA,MAAM,IAAI,GAAG,IAAI,GAAG,CAAC,2BAA2B,EAAE,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,CAAA;AAEvE,eAAe;IACb,IAAI,EAAE,WAAW;IACjB,WAAW,EAAE,oBAAoB;IACjC,IAAI,EAAE,IAAI;IACV,KAAK,EAAE,eAAe;IACtB,
|
|
1
|
+
{"version":3,"file":"bar-chart.js","sourceRoot":"","sources":["../../src/templates/bar-chart.ts"],"names":[],"mappings":"AAAA,MAAM,IAAI,GAAG,IAAI,GAAG,CAAC,2BAA2B,EAAE,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,CAAA;AAEvE,eAAe;IACb,IAAI,EAAE,WAAW;IACjB,WAAW,EAAE,oBAAoB;IACjC,IAAI,EAAE,IAAI;IACV,KAAK,EAAE,eAAe;IACtB,wHAAwH;IACxH,KAAK,EAAE;QACL,IAAI,EAAE,SAAS;QACf,GAAG,EAAE,GAAG;QACR,IAAI,EAAE,GAAG;QACT,KAAK,EAAE,GAAG;QACV,MAAM,EAAE,GAAG;QACX,KAAK,EAAE;YACL,IAAI,EAAE,KAAK;YACX,IAAI,EAAE;gBACJ,MAAM,EAAE,EAAE;gBACV,QAAQ,EAAE;oBACR;wBACE,KAAK,EAAE,UAAU;wBACjB,IAAI,EAAE,KAAK;wBACX,IAAI,EAAE,EAAE;wBACR,eAAe,EAAE,mBAAmB;wBACpC,WAAW,EAAE,mBAAmB;wBAChC,WAAW,EAAE,CAAC;wBACd,OAAO,EAAE,OAAO;wBAChB,OAAO,EAAE,MAAM;qBAChB;iBACF;gBACD,YAAY,EAAE,OAAO;aACtB;YACD,OAAO,EAAE;gBACP,KAAK,EAAE,MAAM;gBACb,SAAS,EAAE,KAAK;gBAChB,SAAS,EAAE,IAAI;gBACf,MAAM,EAAE;oBACN,OAAO,EAAE,IAAI;oBACb,QAAQ,EAAE,KAAK;iBAChB;gBACD,MAAM,EAAE;oBACN,KAAK,EAAE;wBACL;4BACE,SAAS,EAAE;gCACT,OAAO,EAAE,KAAK;6BACf;4BACD,UAAU,EAAE;gCACV,WAAW,EAAE,EAAE;gCACf,OAAO,EAAE,KAAK;6BACf;4BACD,KAAK,EAAE;gCACL,OAAO,EAAE,IAAI;6BACd;yBACF;qBACF;oBACD,KAAK,EAAE;wBACL;4BACE,EAAE,EAAE,MAAM;4BACV,QAAQ,EAAE,MAAM;4BAChB,SAAS,EAAE;gCACT,OAAO,EAAE,IAAI;6BACd;4BACD,UAAU,EAAE;gCACV,WAAW,EAAE,EAAE;gCACf,OAAO,EAAE,KAAK;6BACf;4BACD,KAAK,EAAE;gCACL,OAAO,EAAE,IAAI;gCACb,OAAO,EAAE,IAAI;gCACb,OAAO,EAAE,IAAI;6BACd;yBACF;wBACD;4BACE,EAAE,EAAE,OAAO;4BACX,QAAQ,EAAE,OAAO;4BACjB,OAAO,EAAE,KAAK;4BACd,SAAS,EAAE;gCACT,OAAO,EAAE,KAAK;6BACf;4BACD,UAAU,EAAE;gCACV,WAAW,EAAE,EAAE;gCACf,OAAO,EAAE,KAAK;6BACf;4BACD,KAAK,EAAE;gCACL,OAAO,EAAE,IAAI;gCACb,OAAO,EAAE,IAAI;gCACb,OAAO,EAAE,IAAI;6BACd;yBACF;qBACF;iBACF;aACF;SACF;QACD,IAAI,EAAE;YACJ;gBACE,KAAK,EAAE,KAAK;gBACZ,KAAK,EAAE,EAAE;aACV;YACD;gBACE,KAAK,EAAE,MAAM;gBACb,KAAK,EAAE,EAAE;aACV;YACD;gBACE,KAAK,EAAE,QAAQ;gBACf,KAAK,EAAE,CAAC;aACT;YACD;gBACE,KAAK,EAAE,OAAO;gBACd,KAAK,EAAE,CAAC;aACT;YACD;gBACE,KAAK,EAAE,QAAQ;gBACf,KAAK,EAAE,CAAC;aACT;YACD;gBACE,KAAK,EAAE,QAAQ;gBACf,KAAK,EAAE,CAAC;aACT;SACF;KACF;CACF,CAAA","sourcesContent":["const icon = new URL('../../icons/bar-chart.png', import.meta.url).href\n\nexport default {\n type: 'bar-chart',\n description: 'ChartJS - barchart',\n icon: icon,\n group: 'chartAndGauge',\n /* line|shape|textAndMedia|chartAndGauge|table|container|dataSource|3D|facility|storage|conveyance|transport|form|etc */\n model: {\n type: 'chartjs',\n top: 200,\n left: 300,\n width: 200,\n height: 200,\n chart: {\n type: 'bar',\n data: {\n labels: [],\n datasets: [\n {\n label: 'series 1',\n type: 'bar',\n data: [],\n backgroundColor: 'rgb(66, 110, 164)',\n borderColor: 'rgb(66, 110, 164)',\n borderWidth: 0,\n dataKey: 'value',\n yAxisID: 'left'\n }\n ],\n labelDataKey: 'color'\n },\n options: {\n theme: 'dark',\n xGridLine: false,\n yGridLine: true,\n legend: {\n display: true,\n position: 'top'\n },\n scales: {\n xAxes: [\n {\n gridLines: {\n display: false\n },\n scaleLabel: {\n labelString: '',\n display: false\n },\n ticks: {\n display: true\n }\n }\n ],\n yAxes: [\n {\n id: 'left',\n position: 'left',\n gridLines: {\n display: true\n },\n scaleLabel: {\n labelString: '',\n display: false\n },\n ticks: {\n autoMin: true,\n autoMax: true,\n display: true\n }\n },\n {\n id: 'right',\n position: 'right',\n display: false,\n gridLines: {\n display: false\n },\n scaleLabel: {\n labelString: '',\n display: false\n },\n ticks: {\n autoMin: true,\n autoMax: true,\n display: true\n }\n }\n ]\n }\n }\n },\n data: [\n {\n color: 'Red',\n value: 12\n },\n {\n color: 'Blue',\n value: 19\n },\n {\n color: 'Yellow',\n value: 3\n },\n {\n color: 'Green',\n value: 5\n },\n {\n color: 'Purple',\n value: 2\n },\n {\n color: 'Orange',\n value: 3\n }\n ]\n }\n}\n"]}
|
|
@@ -4,7 +4,7 @@ export default {
|
|
|
4
4
|
description: 'ChartJS - doughnut',
|
|
5
5
|
icon: icon,
|
|
6
6
|
group: 'chartAndGauge',
|
|
7
|
-
/* line|shape|textAndMedia|chartAndGauge|table|container|dataSource|
|
|
7
|
+
/* line|shape|textAndMedia|chartAndGauge|table|container|dataSource|3D|facility|storage|conveyance|transport|form|etc */
|
|
8
8
|
model: {
|
|
9
9
|
type: 'chartjs',
|
|
10
10
|
top: 0,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"doughnut-chart.js","sourceRoot":"","sources":["../../src/templates/doughnut-chart.ts"],"names":[],"mappings":"AAAA,MAAM,IAAI,GAAG,IAAI,GAAG,CAAC,gCAAgC,EAAE,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,CAAA;AAE5E,eAAe;IACb,IAAI,EAAE,gBAAgB;IACtB,WAAW,EAAE,oBAAoB;IACjC,IAAI,EAAE,IAAI;IACV,KAAK,EAAE,eAAe;IACtB,
|
|
1
|
+
{"version":3,"file":"doughnut-chart.js","sourceRoot":"","sources":["../../src/templates/doughnut-chart.ts"],"names":[],"mappings":"AAAA,MAAM,IAAI,GAAG,IAAI,GAAG,CAAC,gCAAgC,EAAE,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,CAAA;AAE5E,eAAe;IACb,IAAI,EAAE,gBAAgB;IACtB,WAAW,EAAE,oBAAoB;IACjC,IAAI,EAAE,IAAI;IACV,KAAK,EAAE,eAAe;IACtB,wHAAwH;IACxH,KAAK,EAAE;QACL,IAAI,EAAE,SAAS;QACf,GAAG,EAAE,CAAC;QACN,IAAI,EAAE,CAAC;QACP,KAAK,EAAE,GAAG;QACV,MAAM,EAAE,GAAG;QACX,KAAK,EAAE;YACL,IAAI,EAAE,UAAU;YAChB,IAAI,EAAE;gBACJ,MAAM,EAAE,EAAE;gBACV,QAAQ,EAAE;oBACR;wBACE,IAAI,EAAE,EAAE;wBACR,eAAe,EAAE,CAAC,SAAS,EAAE,SAAS,EAAE,SAAS,CAAC;wBAClD,WAAW,EAAE,CAAC;wBACd,OAAO,EAAE,OAAO;qBACjB;iBACF;gBACD,YAAY,EAAE,OAAO;aACtB;YACD,OAAO,EAAE;gBACP,KAAK,EAAE,MAAM;gBACb,MAAM,EAAE;oBACN,OAAO,EAAE,IAAI;oBACb,QAAQ,EAAE,KAAK;iBAChB;gBACD,SAAS,EAAE;oBACT,YAAY,EAAE,IAAI;iBACnB;aACF;SACF;QACD,IAAI,EAAE;YACJ;gBACE,KAAK,EAAE,KAAK;gBACZ,KAAK,EAAE,GAAG;aACX;YACD;gBACE,KAAK,EAAE,MAAM;gBACb,KAAK,EAAE,EAAE;aACV;YACD;gBACE,KAAK,EAAE,QAAQ;gBACf,KAAK,EAAE,GAAG;aACX;SACF;KACF;CACF,CAAA","sourcesContent":["const icon = new URL('../../icons/doughnut-chart.png', import.meta.url).href\n\nexport default {\n type: 'doughnut-chart',\n description: 'ChartJS - doughnut',\n icon: icon,\n group: 'chartAndGauge',\n /* line|shape|textAndMedia|chartAndGauge|table|container|dataSource|3D|facility|storage|conveyance|transport|form|etc */\n model: {\n type: 'chartjs',\n top: 0,\n left: 0,\n width: 200,\n height: 200,\n chart: {\n type: 'doughnut',\n data: {\n labels: [],\n datasets: [\n {\n data: [],\n backgroundColor: ['#FF6384', '#36A2EB', '#FFCE56'],\n borderWidth: 0,\n dataKey: 'value'\n }\n ],\n labelDataKey: 'label'\n },\n options: {\n theme: 'dark',\n legend: {\n display: true,\n position: 'top'\n },\n animation: {\n animateScale: true\n }\n }\n },\n data: [\n {\n label: 'Red',\n value: 300\n },\n {\n label: 'Blue',\n value: 50\n },\n {\n label: 'Yellow',\n value: 100\n }\n ]\n }\n}\n"]}
|
|
@@ -4,7 +4,7 @@ export default {
|
|
|
4
4
|
description: 'ChartJS - horizontal barchart',
|
|
5
5
|
icon: icon,
|
|
6
6
|
group: 'chartAndGauge',
|
|
7
|
-
/* line|shape|textAndMedia|chartAndGauge|table|container|dataSource|
|
|
7
|
+
/* line|shape|textAndMedia|chartAndGauge|table|container|dataSource|3D|facility|storage|conveyance|transport|form|etc */
|
|
8
8
|
model: {
|
|
9
9
|
type: 'chartjs',
|
|
10
10
|
top: 200,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"horizontal-bar-chart.js","sourceRoot":"","sources":["../../src/templates/horizontal-bar-chart.ts"],"names":[],"mappings":"AAAA,MAAM,IAAI,GAAG,IAAI,GAAG,CAAC,sCAAsC,EAAE,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,CAAA;AAElF,eAAe;IACb,IAAI,EAAE,sBAAsB;IAC5B,WAAW,EAAE,+BAA+B;IAC5C,IAAI,EAAE,IAAI;IACV,KAAK,EAAE,eAAe;IACtB,
|
|
1
|
+
{"version":3,"file":"horizontal-bar-chart.js","sourceRoot":"","sources":["../../src/templates/horizontal-bar-chart.ts"],"names":[],"mappings":"AAAA,MAAM,IAAI,GAAG,IAAI,GAAG,CAAC,sCAAsC,EAAE,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,CAAA;AAElF,eAAe;IACb,IAAI,EAAE,sBAAsB;IAC5B,WAAW,EAAE,+BAA+B;IAC5C,IAAI,EAAE,IAAI;IACV,KAAK,EAAE,eAAe;IACtB,wHAAwH;IACxH,KAAK,EAAE;QACL,IAAI,EAAE,SAAS;QACf,GAAG,EAAE,GAAG;QACR,IAAI,EAAE,GAAG;QACT,KAAK,EAAE,GAAG;QACV,MAAM,EAAE,GAAG;QACX,KAAK,EAAE;YACL,IAAI,EAAE,KAAK;YACX,IAAI,EAAE;gBACJ,MAAM,EAAE,EAAE;gBACV,QAAQ,EAAE;oBACR;wBACE,KAAK,EAAE,UAAU;wBACjB,IAAI,EAAE,EAAE;wBACR,eAAe,EAAE,mBAAmB;wBACpC,WAAW,EAAE,mBAAmB;wBAChC,WAAW,EAAE,CAAC;wBACd,OAAO,EAAE,QAAQ;wBACjB,OAAO,EAAE,MAAM;qBAChB;oBACD;wBACE,KAAK,EAAE,UAAU;wBACjB,IAAI,EAAE,EAAE;wBACR,eAAe,EAAE,mBAAmB;wBACpC,WAAW,EAAE,mBAAmB;wBAChC,WAAW,EAAE,CAAC;wBACd,OAAO,EAAE,QAAQ;wBACjB,OAAO,EAAE,MAAM;qBAChB;iBACF;gBACD,YAAY,EAAE,OAAO;aACtB;YACD,OAAO,EAAE;gBACP,KAAK,EAAE,MAAM;gBACb,SAAS,EAAE,IAAI;gBACf,SAAS,EAAE,KAAK;gBAChB,MAAM,EAAE;oBACN,OAAO,EAAE,IAAI;oBACb,QAAQ,EAAE,KAAK;iBAChB;gBACD,MAAM,EAAE;oBACN,KAAK,EAAE;wBACL;4BACE,SAAS,EAAE;gCACT,OAAO,EAAE,IAAI;6BACd;4BACD,UAAU,EAAE;gCACV,WAAW,EAAE,EAAE;gCACf,OAAO,EAAE,KAAK;6BACf;4BACD,KAAK,EAAE;gCACL,OAAO,EAAE,IAAI;gCACb,OAAO,EAAE,IAAI;gCACb,OAAO,EAAE,IAAI;6BACd;yBACF;qBACF;oBACD,KAAK,EAAE;wBACL;4BACE,EAAE,EAAE,MAAM;4BACV,QAAQ,EAAE,MAAM;4BAChB,SAAS,EAAE;gCACT,OAAO,EAAE,KAAK;6BACf;4BACD,UAAU,EAAE;gCACV,WAAW,EAAE,EAAE;gCACf,OAAO,EAAE,KAAK;6BACf;4BACD,KAAK,EAAE;gCACL,OAAO,EAAE,IAAI;gCACb,OAAO,EAAE,IAAI;gCACb,OAAO,EAAE,IAAI;6BACd;yBACF;qBACF;iBACF;aACF;SACF;QACD,IAAI,EAAE;YACJ;gBACE,KAAK,EAAE,KAAK;gBACZ,MAAM,EAAE,EAAE;gBACV,MAAM,EAAE,EAAE;aACX;YACD;gBACE,KAAK,EAAE,MAAM;gBACb,MAAM,EAAE,EAAE;gBACV,MAAM,EAAE,CAAC;aACV;YACD;gBACE,KAAK,EAAE,QAAQ;gBACf,MAAM,EAAE,CAAC;gBACT,MAAM,EAAE,CAAC;aACV;YACD;gBACE,KAAK,EAAE,OAAO;gBACd,MAAM,EAAE,CAAC;gBACT,MAAM,EAAE,CAAC;aACV;YACD;gBACE,KAAK,EAAE,QAAQ;gBACf,MAAM,EAAE,CAAC;gBACT,MAAM,EAAE,CAAC;aACV;YACD;gBACE,KAAK,EAAE,QAAQ;gBACf,MAAM,EAAE,CAAC;gBACT,MAAM,EAAE,CAAC;aACV;SACF;KACF;CACF,CAAA","sourcesContent":["const icon = new URL('../../icons/horizontal-bar-chart.png', import.meta.url).href\n\nexport default {\n type: 'horizontal-bar-chart',\n description: 'ChartJS - horizontal barchart',\n icon: icon,\n group: 'chartAndGauge',\n /* line|shape|textAndMedia|chartAndGauge|table|container|dataSource|3D|facility|storage|conveyance|transport|form|etc */\n model: {\n type: 'chartjs',\n top: 200,\n left: 300,\n width: 200,\n height: 200,\n chart: {\n type: 'bar',\n data: {\n labels: [],\n datasets: [\n {\n label: 'series 1',\n data: [],\n backgroundColor: 'rgb(66, 110, 164)',\n borderColor: 'rgb(66, 110, 164)',\n borderWidth: 0,\n dataKey: 'value1',\n yAxisID: 'left'\n },\n {\n label: 'series 2',\n data: [],\n backgroundColor: 'rgb(62, 196, 221)',\n borderColor: 'rgb(62, 196, 221)',\n borderWidth: 0,\n dataKey: 'value2',\n yAxisID: 'left'\n }\n ],\n labelDataKey: 'color'\n },\n options: {\n theme: 'dark',\n xGridLine: true,\n yGridLine: false,\n legend: {\n display: true,\n position: 'top'\n },\n scales: {\n xAxes: [\n {\n gridLines: {\n display: true\n },\n scaleLabel: {\n labelString: '',\n display: false\n },\n ticks: {\n autoMin: true,\n autoMax: true,\n display: true\n }\n }\n ],\n yAxes: [\n {\n id: 'left',\n position: 'left',\n gridLines: {\n display: false\n },\n scaleLabel: {\n labelString: '',\n display: false\n },\n ticks: {\n autoMin: true,\n autoMax: true,\n display: true\n }\n }\n ]\n }\n }\n },\n data: [\n {\n color: 'Red',\n value1: 12,\n value2: 24\n },\n {\n color: 'Blue',\n value1: 19,\n value2: 9\n },\n {\n color: 'Yellow',\n value1: 3,\n value2: 6\n },\n {\n color: 'Green',\n value1: 5,\n value2: 2\n },\n {\n color: 'Purple',\n value1: 2,\n value2: 4\n },\n {\n color: 'Orange',\n value1: 3,\n value2: 1\n }\n ]\n }\n}\n"]}
|
|
@@ -4,7 +4,7 @@ export default {
|
|
|
4
4
|
description: 'ChartJS - line chart',
|
|
5
5
|
icon: icon,
|
|
6
6
|
group: 'chartAndGauge',
|
|
7
|
-
/* line|shape|textAndMedia|chartAndGauge|table|container|dataSource|
|
|
7
|
+
/* line|shape|textAndMedia|chartAndGauge|table|container|dataSource|3D|facility|storage|conveyance|transport|form|etc */
|
|
8
8
|
model: {
|
|
9
9
|
type: 'chartjs',
|
|
10
10
|
top: 0,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"line-chart.js","sourceRoot":"","sources":["../../src/templates/line-chart.ts"],"names":[],"mappings":"AAAA,MAAM,IAAI,GAAG,IAAI,GAAG,CAAC,4BAA4B,EAAE,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,CAAA;AAExE,eAAe;IACb,IAAI,EAAE,YAAY;IAClB,WAAW,EAAE,sBAAsB;IACnC,IAAI,EAAE,IAAI;IACV,KAAK,EAAE,eAAe;IACtB,
|
|
1
|
+
{"version":3,"file":"line-chart.js","sourceRoot":"","sources":["../../src/templates/line-chart.ts"],"names":[],"mappings":"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","sourcesContent":["const icon = new URL('../../icons/line-chart.png', import.meta.url).href\n\nexport default {\n type: 'line-chart',\n description: 'ChartJS - line chart',\n icon: icon,\n group: 'chartAndGauge',\n /* line|shape|textAndMedia|chartAndGauge|table|container|dataSource|3D|facility|storage|conveyance|transport|form|etc */\n model: {\n type: 'chartjs',\n top: 0,\n left: 0,\n width: 200,\n height: 200,\n chart: {\n type: 'line',\n data: {\n labels: [],\n datasets: [\n {\n label: 'series 1',\n type: 'line',\n backgroundColor: 'rgb(66, 110, 164)',\n borderColor: 'rgb(66, 110, 164)',\n borderWidth: 3,\n pointBorderColor: 'rgb(66, 110, 164)',\n pointBorderWidth: 3,\n pointBackgroundColor: 'rgba(255,255,255,1)',\n lineTension: 0.4,\n yAxisID: 'left',\n data: [],\n dataKey: 'value1',\n fill: false\n },\n {\n label: 'series 2',\n type: 'line',\n backgroundColor: 'rgb(62, 196, 221)',\n borderColor: 'rgb(62, 196, 221)',\n borderWidth: 3,\n pointBorderColor: 'rgb(62, 196, 221)',\n pointBorderWidth: 3,\n pointBackgroundColor: 'rgba(255,255,255,1)',\n lineTension: 0.4,\n yAxisID: 'left',\n data: [],\n dataKey: 'value2',\n fill: false\n }\n ],\n labelDataKey: 'data'\n },\n options: {\n theme: 'dark',\n xGridLine: false,\n yGridLine: true,\n legend: {\n display: true,\n position: 'top'\n },\n scales: {\n xAxes: [\n {\n gridLines: {\n display: false\n },\n scaleLabel: {\n labelString: '',\n display: false\n },\n ticks: {\n display: true\n }\n }\n ],\n yAxes: [\n {\n id: 'left',\n position: 'left',\n gridLines: {\n display: true\n },\n scaleLabel: {\n labelString: '',\n display: false\n },\n ticks: {\n autoMin: true,\n autoMax: true,\n display: true\n }\n },\n {\n id: 'right',\n position: 'right',\n display: false,\n gridLines: {\n display: false\n },\n scaleLabel: {\n labelString: '',\n display: false\n },\n ticks: {\n autoMin: true,\n autoMax: true,\n display: true\n }\n }\n ]\n }\n }\n },\n data: [\n {\n data: 'Data 1',\n value1: 20,\n value2: 60\n },\n {\n data: 'Data 2',\n value1: 30,\n value2: 10\n },\n {\n data: 'Data 3',\n value1: 80,\n value2: 40\n },\n {\n data: 'Data 4',\n value1: 20,\n value2: 30\n },\n {\n data: 'Data 5',\n value1: 40,\n value2: 80\n },\n {\n data: 'Data 6',\n value1: 10,\n value2: 30\n },\n {\n data: 'Data 7',\n value1: 60,\n value2: 20\n }\n ]\n }\n}\n"]}
|
|
@@ -4,7 +4,7 @@ export default {
|
|
|
4
4
|
description: 'ChartJS - mixed chart',
|
|
5
5
|
icon: icon,
|
|
6
6
|
group: 'chartAndGauge',
|
|
7
|
-
/* line|shape|textAndMedia|chartAndGauge|table|container|dataSource|
|
|
7
|
+
/* line|shape|textAndMedia|chartAndGauge|table|container|dataSource|3D|facility|storage|conveyance|transport|form|etc */
|
|
8
8
|
model: {
|
|
9
9
|
type: 'chartjs',
|
|
10
10
|
top: 0,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"mixed-chart.js","sourceRoot":"","sources":["../../src/templates/mixed-chart.ts"],"names":[],"mappings":"AAAA,MAAM,IAAI,GAAG,IAAI,GAAG,CAAC,6BAA6B,EAAE,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,CAAA;AAEzE,eAAe;IACb,IAAI,EAAE,aAAa;IACnB,WAAW,EAAE,uBAAuB;IACpC,IAAI,EAAE,IAAI;IACV,KAAK,EAAE,eAAe;IACtB,
|
|
1
|
+
{"version":3,"file":"mixed-chart.js","sourceRoot":"","sources":["../../src/templates/mixed-chart.ts"],"names":[],"mappings":"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","sourcesContent":["const icon = new URL('../../icons/mixed-chart.png', import.meta.url).href\n\nexport default {\n type: 'mixed-chart',\n description: 'ChartJS - mixed chart',\n icon: icon,\n group: 'chartAndGauge',\n /* line|shape|textAndMedia|chartAndGauge|table|container|dataSource|3D|facility|storage|conveyance|transport|form|etc */\n model: {\n type: 'chartjs',\n top: 0,\n left: 0,\n width: 200,\n height: 200,\n chart: {\n type: 'bar',\n subType: 'mixed',\n data: {\n labels: [],\n datasets: [\n {\n type: 'line',\n label: 'series 1',\n backgroundColor: 'rgb(66, 110, 164)',\n borderColor: 'rgb(66, 110, 164)',\n borderWidth: 3,\n pointBorderColor: 'rgb(66, 110, 164)',\n pointBorderWidth: 3,\n pointBackgroundColor: 'rgba(255,255,255,1)',\n lineTension: 0.4,\n fill: false,\n yAxisID: 'left',\n data: [],\n dataKey: 'value1'\n },\n {\n type: 'bar',\n label: 'series 2',\n backgroundColor: 'rgb(62, 196, 221)',\n borderColor: 'rgb(62, 196, 221)',\n borderWidth: 0,\n yAxisID: 'right',\n data: [],\n dataKey: 'value2'\n }\n ],\n labelDataKey: 'data'\n },\n options: {\n theme: 'dark',\n multiAxis: true,\n xGridLine: false,\n yGridLine: true,\n legend: {\n display: true,\n position: 'top'\n },\n scales: {\n xAxes: [\n {\n gridLines: {\n display: false\n },\n scaleLabel: {\n labelString: '',\n display: false\n },\n ticks: {\n display: true\n }\n }\n ],\n yAxes: [\n {\n position: 'left',\n id: 'left',\n gridLines: {\n display: true\n },\n scaleLabel: {\n labelString: '',\n display: false\n },\n ticks: {\n autoMin: true,\n autoMax: true,\n display: true\n }\n },\n {\n id: 'right',\n position: 'right',\n display: true,\n gridLines: {\n display: false\n },\n scaleLabel: {\n labelString: '',\n display: false\n },\n ticks: {\n autoMin: true,\n autoMax: true,\n display: true\n }\n }\n ]\n }\n }\n },\n data: [\n {\n data: 'Data 1',\n value1: 20,\n value2: 60\n },\n {\n data: 'Data 2',\n value1: 30,\n value2: 10\n },\n {\n data: 'Data 3',\n value1: 80,\n value2: 40\n },\n {\n data: 'Data 4',\n value1: 20,\n value2: 30\n },\n {\n data: 'Data 5',\n value1: 40,\n value2: 80\n },\n {\n data: 'Data 6',\n value1: 10,\n value2: 30\n },\n {\n data: 'Data 7',\n value1: 60,\n value2: 20\n }\n ]\n }\n}\n"]}
|
|
@@ -4,7 +4,7 @@ export default {
|
|
|
4
4
|
description: 'ChartJS - pie chart',
|
|
5
5
|
icon: icon,
|
|
6
6
|
group: 'chartAndGauge',
|
|
7
|
-
/* line|shape|textAndMedia|chartAndGauge|table|container|dataSource|
|
|
7
|
+
/* line|shape|textAndMedia|chartAndGauge|table|container|dataSource|3D|facility|storage|conveyance|transport|form|etc */
|
|
8
8
|
model: {
|
|
9
9
|
type: 'chartjs',
|
|
10
10
|
top: 0,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"pie-chart.js","sourceRoot":"","sources":["../../src/templates/pie-chart.ts"],"names":[],"mappings":"AAAA,MAAM,IAAI,GAAG,IAAI,GAAG,CAAC,2BAA2B,EAAE,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,CAAA;AAEvE,eAAe;IACb,IAAI,EAAE,WAAW;IACjB,WAAW,EAAE,qBAAqB;IAClC,IAAI,EAAE,IAAI;IACV,KAAK,EAAE,eAAe;IACtB,
|
|
1
|
+
{"version":3,"file":"pie-chart.js","sourceRoot":"","sources":["../../src/templates/pie-chart.ts"],"names":[],"mappings":"AAAA,MAAM,IAAI,GAAG,IAAI,GAAG,CAAC,2BAA2B,EAAE,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,CAAA;AAEvE,eAAe;IACb,IAAI,EAAE,WAAW;IACjB,WAAW,EAAE,qBAAqB;IAClC,IAAI,EAAE,IAAI;IACV,KAAK,EAAE,eAAe;IACtB,wHAAwH;IACxH,KAAK,EAAE;QACL,IAAI,EAAE,SAAS;QACf,GAAG,EAAE,CAAC;QACN,IAAI,EAAE,CAAC;QACP,KAAK,EAAE,GAAG;QACV,MAAM,EAAE,GAAG;QACX,KAAK,EAAE;YACL,IAAI,EAAE,KAAK;YACX,IAAI,EAAE;gBACJ,MAAM,EAAE,EAAE;gBACV,QAAQ,EAAE;oBACR;wBACE,IAAI,EAAE,EAAE;wBACR,eAAe,EAAE,CAAC,SAAS,EAAE,SAAS,EAAE,SAAS,CAAC;wBAClD,WAAW,EAAE,CAAC;wBACd,OAAO,EAAE,OAAO;qBACjB;iBACF;gBACD,YAAY,EAAE,OAAO;aACtB;YACD,OAAO,EAAE;gBACP,KAAK,EAAE,MAAM;gBACb,MAAM,EAAE;oBACN,OAAO,EAAE,IAAI;oBACb,QAAQ,EAAE,KAAK;iBAChB;gBACD,SAAS,EAAE;oBACT,YAAY,EAAE,IAAI;iBACnB;aACF;SACF;QACD,IAAI,EAAE;YACJ;gBACE,KAAK,EAAE,GAAG;gBACV,KAAK,EAAE,EAAE;aACV;YACD;gBACE,KAAK,EAAE,GAAG;gBACV,KAAK,EAAE,EAAE;aACV;YACD;gBACE,KAAK,EAAE,GAAG;gBACV,KAAK,EAAE,EAAE;aACV;SACF;KACF;CACF,CAAA","sourcesContent":["const icon = new URL('../../icons/pie-chart.png', import.meta.url).href\n\nexport default {\n type: 'pie-chart',\n description: 'ChartJS - pie chart',\n icon: icon,\n group: 'chartAndGauge',\n /* line|shape|textAndMedia|chartAndGauge|table|container|dataSource|3D|facility|storage|conveyance|transport|form|etc */\n model: {\n type: 'chartjs',\n top: 0,\n left: 0,\n width: 200,\n height: 200,\n chart: {\n type: 'pie',\n data: {\n labels: [],\n datasets: [\n {\n data: [],\n backgroundColor: ['#FF6384', '#36A2EB', '#FFCE56'],\n borderWidth: 0,\n dataKey: 'value'\n }\n ],\n labelDataKey: 'label'\n },\n options: {\n theme: 'dark',\n legend: {\n display: true,\n position: 'top'\n },\n animation: {\n animateScale: true\n }\n }\n },\n data: [\n {\n label: 'A',\n value: 80\n },\n {\n label: 'B',\n value: 15\n },\n {\n label: 'C',\n value: 15\n }\n ]\n }\n}\n"]}
|
|
@@ -4,7 +4,7 @@ export default {
|
|
|
4
4
|
description: 'ChartJS - ploar area chart',
|
|
5
5
|
icon: icon,
|
|
6
6
|
group: 'chartAndGauge',
|
|
7
|
-
/* line|shape|textAndMedia|chartAndGauge|table|container|dataSource|
|
|
7
|
+
/* line|shape|textAndMedia|chartAndGauge|table|container|dataSource|3D|facility|storage|conveyance|transport|form|etc */
|
|
8
8
|
model: {
|
|
9
9
|
type: 'chartjs',
|
|
10
10
|
top: 0,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"polar-area-chart.js","sourceRoot":"","sources":["../../src/templates/polar-area-chart.ts"],"names":[],"mappings":"AAAA,MAAM,IAAI,GAAG,IAAI,GAAG,CAAC,kCAAkC,EAAE,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,CAAA;AAE9E,eAAe;IACb,IAAI,EAAE,kBAAkB;IACxB,WAAW,EAAE,4BAA4B;IACzC,IAAI,EAAE,IAAI;IACV,KAAK,EAAE,eAAe;IACtB,
|
|
1
|
+
{"version":3,"file":"polar-area-chart.js","sourceRoot":"","sources":["../../src/templates/polar-area-chart.ts"],"names":[],"mappings":"AAAA,MAAM,IAAI,GAAG,IAAI,GAAG,CAAC,kCAAkC,EAAE,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,CAAA;AAE9E,eAAe;IACb,IAAI,EAAE,kBAAkB;IACxB,WAAW,EAAE,4BAA4B;IACzC,IAAI,EAAE,IAAI;IACV,KAAK,EAAE,eAAe;IACtB,wHAAwH;IACxH,KAAK,EAAE;QACL,IAAI,EAAE,SAAS;QACf,GAAG,EAAE,CAAC;QACN,IAAI,EAAE,CAAC;QACP,KAAK,EAAE,GAAG;QACV,MAAM,EAAE,GAAG;QACX,KAAK,EAAE;YACL,IAAI,EAAE,WAAW;YACjB,IAAI,EAAE;gBACJ,MAAM,EAAE,EAAE;gBACV,QAAQ,EAAE;oBACR;wBACE,KAAK,EAAE,kBAAkB;wBACzB,eAAe,EAAE;4BACf,sBAAsB;4BACtB,oBAAoB;4BACpB,qBAAqB;4BACrB,sBAAsB;4BACtB,uBAAuB;4BACvB,oBAAoB;4BACpB,wBAAwB;yBACzB;wBACD,WAAW,EAAE,qBAAqB;wBAClC,WAAW,EAAE,CAAC;wBACd,IAAI,EAAE,EAAE;wBACR,OAAO,EAAE,OAAO;qBACjB;iBACF;gBACD,YAAY,EAAE,OAAO;aACtB;YACD,OAAO,EAAE;gBACP,KAAK,EAAE,MAAM;gBACb,MAAM,EAAE;oBACN,OAAO,EAAE,IAAI;oBACb,QAAQ,EAAE,KAAK;iBAChB;gBACD,KAAK,EAAE;oBACL,KAAK,EAAE,EAAE;oBACT,WAAW,EAAE,EAAE;iBAChB;aACF;SACF;QACD,IAAI,EAAE;YACJ;gBACE,KAAK,EAAE,QAAQ;gBACf,KAAK,EAAE,EAAE;gBACT,KAAK,EAAE,EAAE;aACV;YACD;gBACE,KAAK,EAAE,UAAU;gBACjB,KAAK,EAAE,EAAE;gBACT,KAAK,EAAE,EAAE;aACV;YACD;gBACE,KAAK,EAAE,UAAU;gBACjB,KAAK,EAAE,EAAE;gBACT,KAAK,EAAE,EAAE;aACV;YACD;gBACE,KAAK,EAAE,WAAW;gBAClB,KAAK,EAAE,EAAE;gBACT,KAAK,EAAE,EAAE;aACV;YACD;gBACE,KAAK,EAAE,QAAQ;gBACf,KAAK,EAAE,EAAE;gBACT,KAAK,EAAE,EAAE;aACV;YACD;gBACE,KAAK,EAAE,SAAS;gBAChB,KAAK,EAAE,EAAE;gBACT,KAAK,EAAE,EAAE;aACV;YACD;gBACE,KAAK,EAAE,SAAS;gBAChB,KAAK,EAAE,EAAE;gBACT,KAAK,EAAE,GAAG;aACX;SACF;KACF;CACF,CAAA","sourcesContent":["const icon = new URL('../../icons/polar-area-chart.png', import.meta.url).href\n\nexport default {\n type: 'polar-area-chart',\n description: 'ChartJS - ploar area chart',\n icon: icon,\n group: 'chartAndGauge',\n /* line|shape|textAndMedia|chartAndGauge|table|container|dataSource|3D|facility|storage|conveyance|transport|form|etc */\n model: {\n type: 'chartjs',\n top: 0,\n left: 0,\n width: 200,\n height: 200,\n chart: {\n type: 'polarArea',\n data: {\n labels: [],\n datasets: [\n {\n label: 'My First dataset',\n backgroundColor: [\n 'rgba(248, 42, 18, 1)',\n 'rgba(255,99,132,1)',\n 'rgba(9, 64, 169, 1)',\n 'rgba(24, 185, 87, 1)',\n 'rgba(216, 100, 19, 1)',\n 'rgba(82, 8, 99, 1)',\n 'rgba(225, 102, 234, 1)'\n ],\n borderColor: 'rgba(179,181,198,1)',\n borderWidth: 0,\n data: [],\n dataKey: 'rate1'\n }\n ],\n labelDataKey: 'hobby'\n },\n options: {\n theme: 'dark',\n legend: {\n display: true,\n position: 'top'\n },\n scale: {\n ticks: {},\n pointLabels: {}\n }\n }\n },\n data: [\n {\n hobby: 'Eating',\n rate1: 65,\n rate2: 28\n },\n {\n hobby: 'Drinking',\n rate1: 59,\n rate2: 48\n },\n {\n hobby: 'Sleeping',\n rate1: 90,\n rate2: 40\n },\n {\n hobby: 'Designing',\n rate1: 81,\n rate2: 19\n },\n {\n hobby: 'Coding',\n rate1: 56,\n rate2: 96\n },\n {\n hobby: 'Cycling',\n rate1: 55,\n rate2: 27\n },\n {\n hobby: 'Running',\n rate1: 40,\n rate2: 100\n }\n ]\n }\n}\n"]}
|
|
@@ -4,7 +4,7 @@ export default {
|
|
|
4
4
|
description: 'ChartJS - radar chart',
|
|
5
5
|
icon: icon,
|
|
6
6
|
group: 'chartAndGauge',
|
|
7
|
-
/* line|shape|textAndMedia|chartAndGauge|table|container|dataSource|
|
|
7
|
+
/* line|shape|textAndMedia|chartAndGauge|table|container|dataSource|3D|facility|storage|conveyance|transport|form|etc */
|
|
8
8
|
model: {
|
|
9
9
|
type: 'chartjs',
|
|
10
10
|
top: 0,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"radar-chart.js","sourceRoot":"","sources":["../../src/templates/radar-chart.ts"],"names":[],"mappings":"AAAA,MAAM,IAAI,GAAG,IAAI,GAAG,CAAC,6BAA6B,EAAE,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,CAAA;AAEzE,eAAe;IACb,IAAI,EAAE,aAAa;IACnB,WAAW,EAAE,uBAAuB;IACpC,IAAI,EAAE,IAAI;IACV,KAAK,EAAE,eAAe;IACtB,
|
|
1
|
+
{"version":3,"file":"radar-chart.js","sourceRoot":"","sources":["../../src/templates/radar-chart.ts"],"names":[],"mappings":"AAAA,MAAM,IAAI,GAAG,IAAI,GAAG,CAAC,6BAA6B,EAAE,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,CAAA;AAEzE,eAAe;IACb,IAAI,EAAE,aAAa;IACnB,WAAW,EAAE,uBAAuB;IACpC,IAAI,EAAE,IAAI;IACV,KAAK,EAAE,eAAe;IACtB,wHAAwH;IACxH,KAAK,EAAE;QACL,IAAI,EAAE,SAAS;QACf,GAAG,EAAE,CAAC;QACN,IAAI,EAAE,CAAC;QACP,KAAK,EAAE,GAAG;QACV,MAAM,EAAE,GAAG;QACX,KAAK,EAAE;YACL,IAAI,EAAE,OAAO;YACb,IAAI,EAAE;gBACJ,MAAM,EAAE,EAAE;gBACV,QAAQ,EAAE;oBACR;wBACE,KAAK,EAAE,kBAAkB;wBACzB,IAAI,EAAE,OAAO;wBACb,eAAe,EAAE,mBAAmB;wBACpC,WAAW,EAAE,mBAAmB;wBAChC,oBAAoB,EAAE,qBAAqB;wBAC3C,gBAAgB,EAAE,mBAAmB;wBACrC,IAAI,EAAE,EAAE;wBACR,IAAI,EAAE,KAAK;wBACX,OAAO,EAAE,OAAO;qBACjB;oBACD;wBACE,KAAK,EAAE,mBAAmB;wBAC1B,IAAI,EAAE,OAAO;wBACb,eAAe,EAAE,mBAAmB;wBACpC,WAAW,EAAE,mBAAmB;wBAChC,oBAAoB,EAAE,qBAAqB;wBAC3C,gBAAgB,EAAE,mBAAmB;wBACrC,IAAI,EAAE,EAAE;wBACR,IAAI,EAAE,KAAK;wBACX,OAAO,EAAE,OAAO;qBACjB;iBACF;gBACD,YAAY,EAAE,OAAO;aACtB;YACD,OAAO,EAAE;gBACP,KAAK,EAAE,MAAM;gBACb,MAAM,EAAE;oBACN,OAAO,EAAE,IAAI;oBACb,QAAQ,EAAE,KAAK;iBAChB;gBACD,KAAK,EAAE;oBACL,KAAK,EAAE,EAAE;oBACT,WAAW,EAAE,EAAE;iBAChB;aACF;SACF;QACD,IAAI,EAAE;YACJ;gBACE,KAAK,EAAE,QAAQ;gBACf,KAAK,EAAE,EAAE;gBACT,KAAK,EAAE,EAAE;aACV;YACD;gBACE,KAAK,EAAE,UAAU;gBACjB,KAAK,EAAE,EAAE;gBACT,KAAK,EAAE,EAAE;aACV;YACD;gBACE,KAAK,EAAE,UAAU;gBACjB,KAAK,EAAE,EAAE;gBACT,KAAK,EAAE,EAAE;aACV;YACD;gBACE,KAAK,EAAE,WAAW;gBAClB,KAAK,EAAE,EAAE;gBACT,KAAK,EAAE,EAAE;aACV;YACD;gBACE,KAAK,EAAE,QAAQ;gBACf,KAAK,EAAE,EAAE;gBACT,KAAK,EAAE,EAAE;aACV;YACD;gBACE,KAAK,EAAE,SAAS;gBAChB,KAAK,EAAE,EAAE;gBACT,KAAK,EAAE,EAAE;aACV;YACD;gBACE,KAAK,EAAE,SAAS;gBAChB,KAAK,EAAE,EAAE;gBACT,KAAK,EAAE,GAAG;aACX;SACF;KACF;CACF,CAAA","sourcesContent":["const icon = new URL('../../icons/radar-chart.png', import.meta.url).href\n\nexport default {\n type: 'radar-chart',\n description: 'ChartJS - radar chart',\n icon: icon,\n group: 'chartAndGauge',\n /* line|shape|textAndMedia|chartAndGauge|table|container|dataSource|3D|facility|storage|conveyance|transport|form|etc */\n model: {\n type: 'chartjs',\n top: 0,\n left: 0,\n width: 200,\n height: 200,\n chart: {\n type: 'radar',\n data: {\n labels: [],\n datasets: [\n {\n label: 'My First dataset',\n type: 'radar',\n backgroundColor: 'rgb(66, 110, 164)',\n borderColor: 'rgb(66, 110, 164)',\n pointBackgroundColor: 'rgba(255,255,255,1)',\n pointBorderColor: 'rgb(66, 110, 164)',\n data: [],\n fill: false,\n dataKey: 'rate1'\n },\n {\n label: 'My Second dataset',\n type: 'radar',\n backgroundColor: 'rgb(62, 196, 221)',\n borderColor: 'rgb(62, 196, 221)',\n pointBackgroundColor: 'rgba(255,255,255,1)',\n pointBorderColor: 'rgb(62, 196, 221)',\n data: [],\n fill: false,\n dataKey: 'rate2'\n }\n ],\n labelDataKey: 'hobby'\n },\n options: {\n theme: 'dark',\n legend: {\n display: true,\n position: 'top'\n },\n scale: {\n ticks: {},\n pointLabels: {}\n }\n }\n },\n data: [\n {\n hobby: 'Eating',\n rate1: 65,\n rate2: 28\n },\n {\n hobby: 'Drinking',\n rate1: 59,\n rate2: 48\n },\n {\n hobby: 'Sleeping',\n rate1: 90,\n rate2: 40\n },\n {\n hobby: 'Designing',\n rate1: 81,\n rate2: 19\n },\n {\n hobby: 'Coding',\n rate1: 56,\n rate2: 96\n },\n {\n hobby: 'Cycling',\n rate1: 55,\n rate2: 27\n },\n {\n hobby: 'Running',\n rate1: 40,\n rate2: 100\n }\n ]\n }\n}\n"]}
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@operato/scene-chartjs",
|
|
3
3
|
"description": "Things Scene ChartJS Component",
|
|
4
|
-
"version": "10.0.0-beta.
|
|
4
|
+
"version": "10.0.0-beta.22",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"author": "heartyoh",
|
|
7
7
|
"main": "dist/index.js",
|
|
@@ -70,5 +70,5 @@
|
|
|
70
70
|
"prettier --write"
|
|
71
71
|
]
|
|
72
72
|
},
|
|
73
|
-
"gitHead": "
|
|
73
|
+
"gitHead": "f48e52f4f5fdc30ec06af9da7cf253f6e29cfb0e"
|
|
74
74
|
}
|