mdt-charts 1.9.10 → 1.9.11
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/dist/index.html +1 -1
- package/dist/{listeners.f4ab722393738f14c63a.js → listeners.89e1e272264c0e680de8.js} +2 -2
- package/dist/{main.5d95472231fc2d464374.js → main.f8b6bc6fee33cef1116c.js} +21 -1
- package/dist/{src_engine_engine_ts.1ef9ba748c6d46ad0d33.js → src_engine_engine_ts.ccee2a280374e0083541.js} +12 -1
- package/package.json +1 -1
package/dist/index.html
CHANGED
|
@@ -358,6 +358,6 @@
|
|
|
358
358
|
<div class="main-wrapper"></div>
|
|
359
359
|
<div class="main-wrapper2" style="display: flex; align-items: center; flex-wrap: wrap;"></div>
|
|
360
360
|
|
|
361
|
-
<script src="vendors-node_modules_chroma-js_chroma_js-node_modules_d3-array_src_max_js-node_modules_d3-arr-c3fc24.b32acc465b8557229277.js"></script><script src="src_engine_engine_ts.
|
|
361
|
+
<script src="vendors-node_modules_chroma-js_chroma_js-node_modules_d3-array_src_max_js-node_modules_d3-arr-c3fc24.b32acc465b8557229277.js"></script><script src="src_engine_engine_ts.ccee2a280374e0083541.js"></script><script src="main.f8b6bc6fee33cef1116c.js"></script><script src="listeners.89e1e272264c0e680de8.js"></script></body>
|
|
362
362
|
|
|
363
363
|
</html>
|
|
@@ -56,7 +56,7 @@ eval("\n\nvar isOldIE = function isOldIE() {\n var memo;\n return function mem
|
|
|
56
56
|
\*********************************************************/
|
|
57
57
|
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
|
58
58
|
|
|
59
|
-
eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => __WEBPACK_DEFAULT_EXPORT__\n/* harmony export */ });\nconst configCars = {\n canvas: {\n class: 'outline',\n size: {\n width:
|
|
59
|
+
eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => __WEBPACK_DEFAULT_EXPORT__\n/* harmony export */ });\nconst configCars = {\n canvas: {\n class: 'outline',\n size: {\n width: 800,\n height: 510\n }\n },\n // options: {\n // type: '2d',\n // title: 'Заголовок графика',\n // selectable: true,\n // axis: {\n // key: {\n // visibility: true,\n // position: 'end',\n // ticks: {\n // flag: false\n // }\n // },\n // value: {\n // visibility: true,\n // domain: {\n // start: -1,\n // end: -1\n // },\n // position: 'start',\n // ticks: {\n // flag: false\n // }\n // }\n // },\n // additionalElements: {\n // gridLine: {\n // flag: {\n // value: true,\n // key: true\n // }\n // }\n // },\n // legend: {\n // show: true\n // },\n // orientation: 'vertical',\n // data: {\n // dataSource: 'dataSet',\n // keyField: {\n // name: 'brand',\n // format: 'string'\n // }\n // },\n // charts: [\n // {\n // isSegmented: false,\n // type: 'bar',\n // data: {\n // valueFields: [\n // {\n // name: 'price',\n // format: 'money',\n // title: 'Стоимость за 2020 год'\n // }\n // ]\n // },\n // tooltip: {\n // show: true\n // },\n // embeddedLabels: 'value',\n // markers: {\n // show: false\n // }\n // }\n // ]\n // }\n options: {\n type: 'polar',\n title: 'Title',\n selectable: true,\n legend: {\n show: true\n },\n data: {\n dataSource: 'dataSet',\n keyField: {\n name: 'brand',\n format: 'string'\n }\n },\n chart: {\n type: 'donut',\n data: {\n valueField: {\n name: 'price',\n format: 'money',\n title: 'some title'\n }\n },\n tooltip: {\n show: true\n }\n }\n }\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (configCars);\n\n\n//# sourceURL=webpack://mdt-charts/./src/playground/configsExamples/configExample.ts?");
|
|
60
60
|
|
|
61
61
|
/***/ }),
|
|
62
62
|
|
|
@@ -86,7 +86,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
|
|
|
86
86
|
\********************************************/
|
|
87
87
|
/***/ ((module) => {
|
|
88
88
|
|
|
89
|
-
eval("module.exports = JSON.parse(\"{\\\"dataSet\\\":[{\\\"$id\\\":1,\\\"brand\\\":\\\"BMW\\\",\\\"price\\\":100,\\\"count\\\":12},{\\\"$id\\\":2,\\\"brand\\\":\\\"LADA\\\",\\\"price\\\":50,\\\"count\\\":10},{\\\"$id\\\":3,\\\"brand\\\":\\\"MERCEDES\\\",\\\"price\\\":15,\\\"count\\\":12},{\\\"$id\\\":4,\\\"brand\\\":\\\"AUDI\\\",\\\"price\\\":20,\\\"count\\\":5},{\\\"$id\\\":5,\\\"brand\\\":\\\"VOLKSWAGEN\\\",\\\"price\\\":115,\\\"count\\\":6},{\\\"$id\\\":6,\\\"brand\\\":\\\"DODGE\\\",\\\"price\\\":115,\\\"count\\\":4},{\\\"$id\\\":7,\\\"brand\\\":\\\"SAAB\\\",\\\"price\\\":50,\\\"count\\\":11},{\\\"$id\\\":8,\\\"brand\\\":\\\"HONDA\\\",\\\"price\\\":20,\\\"count\\\":2},{\\\"$id\\\":9,\\\"brand\\\":\\\"TOYOTA
|
|
89
|
+
eval("module.exports = JSON.parse(\"{\\\"dataSet\\\":[{\\\"$id\\\":1,\\\"brand\\\":\\\"BMW\\\",\\\"price\\\":100,\\\"count\\\":12},{\\\"$id\\\":2,\\\"brand\\\":\\\"LADA\\\",\\\"price\\\":50,\\\"count\\\":10},{\\\"$id\\\":3,\\\"brand\\\":\\\"MERCEDES\\\",\\\"price\\\":15,\\\"count\\\":12},{\\\"$id\\\":4,\\\"brand\\\":\\\"AUDI\\\",\\\"price\\\":20,\\\"count\\\":5},{\\\"$id\\\":5,\\\"brand\\\":\\\"VOLKSWAGEN\\\",\\\"price\\\":115,\\\"count\\\":6},{\\\"$id\\\":6,\\\"brand\\\":\\\"DODGE\\\",\\\"price\\\":115,\\\"count\\\":4},{\\\"$id\\\":7,\\\"brand\\\":\\\"SAAB\\\",\\\"price\\\":50,\\\"count\\\":11},{\\\"$id\\\":8,\\\"brand\\\":\\\"HONDA\\\",\\\"price\\\":20,\\\"count\\\":2},{\\\"$id\\\":9,\\\"brand\\\":\\\"TOYOTA\\\",\\\"price\\\":40,\\\"count\\\":15}],\\\"dataSet_large\\\":[{\\\"brand\\\":\\\"BMW\\\",\\\"price\\\":120,\\\"count\\\":12},{\\\"brand\\\":\\\"LADA\\\",\\\"price\\\":50,\\\"count\\\":10},{\\\"brand\\\":\\\"MERCEDES\\\",\\\"price\\\":15,\\\"count\\\":12},{\\\"brand\\\":\\\"AUDI\\\",\\\"price\\\":20,\\\"count\\\":5},{\\\"brand\\\":\\\"VOLKSWAGEN\\\",\\\"price\\\":40,\\\"count\\\":10},{\\\"brand\\\":\\\"DODGE\\\",\\\"price\\\":70,\\\"count\\\":4},{\\\"brand\\\":\\\"SAAB\\\",\\\"price\\\":50,\\\"count\\\":11},{\\\"brand\\\":\\\"HONDA\\\",\\\"price\\\":20,\\\"count\\\":20},{\\\"brand\\\":\\\"TOYOTA\\\",\\\"price\\\":115,\\\"count\\\":30},{\\\"brand\\\":\\\"BMW2\\\",\\\"price\\\":120,\\\"count\\\":12},{\\\"brand\\\":\\\"LADA2\\\",\\\"price\\\":50,\\\"count\\\":10},{\\\"brand\\\":\\\"MERCEDES2\\\",\\\"price\\\":15,\\\"count\\\":12},{\\\"brand\\\":\\\"AUDI2\\\",\\\"price\\\":20,\\\"count\\\":5},{\\\"brand\\\":\\\"VOLKSWAGEN2\\\",\\\"price\\\":40,\\\"count\\\":10},{\\\"brand\\\":\\\"DODGE2\\\",\\\"price\\\":70,\\\"count\\\":4},{\\\"brand\\\":\\\"SAAB2\\\",\\\"price\\\":50,\\\"count\\\":11},{\\\"brand\\\":\\\"HONDA2\\\",\\\"price\\\":20,\\\"count\\\":7},{\\\"brand\\\":\\\"TOYOTA2\\\",\\\"price\\\":115,\\\"count\\\":8}],\\\"dataSet_gantt\\\":[{\\\"task\\\":\\\"Planning\\\",\\\"start\\\":\\\"2020-12-03\\\",\\\"end\\\":\\\"2020-12-05\\\"},{\\\"task\\\":\\\"Build architecture\\\",\\\"start\\\":\\\"2020-12-05\\\",\\\"end\\\":\\\"2020-12-10\\\"},{\\\"task\\\":\\\"Programming\\\",\\\"start\\\":\\\"2020-12-10\\\",\\\"end\\\":\\\"2020-12-11\\\"},{\\\"task\\\":\\\"Testing\\\",\\\"start\\\":\\\"2020-12-12\\\",\\\"end\\\":\\\"2020-12-19\\\"},{\\\"task\\\":\\\"Deploying\\\",\\\"start\\\":\\\"2020-12-20\\\",\\\"end\\\":\\\"2020-12-31\\\"}],\\\"dataSet_72\\\":[{\\\"brand\\\":\\\"BMW\\\",\\\"price\\\":120,\\\"count\\\":12},{\\\"brand\\\":\\\"LADA\\\",\\\"price\\\":50,\\\"count\\\":10},{\\\"brand\\\":\\\"MERCEDES\\\",\\\"price\\\":15,\\\"count\\\":12},{\\\"brand\\\":\\\"AUDI\\\",\\\"price\\\":20,\\\"count\\\":5},{\\\"brand\\\":\\\"VOLKSWAGEN\\\",\\\"price\\\":40,\\\"count\\\":10},{\\\"brand\\\":\\\"DODGE\\\",\\\"price\\\":70,\\\"count\\\":4},{\\\"brand\\\":\\\"SAAB\\\",\\\"price\\\":50,\\\"count\\\":11},{\\\"brand\\\":\\\"HONDA\\\",\\\"price\\\":20,\\\"count\\\":2},{\\\"brand\\\":\\\"TOYOTA\\\",\\\"price\\\":115,\\\"count\\\":1},{\\\"brand\\\":\\\"BMW2\\\",\\\"price\\\":120,\\\"count\\\":12},{\\\"brand\\\":\\\"LADA2\\\",\\\"price\\\":50,\\\"count\\\":10},{\\\"brand\\\":\\\"MERCEDES2\\\",\\\"price\\\":15,\\\"count\\\":12},{\\\"brand\\\":\\\"AUDI2\\\",\\\"price\\\":20,\\\"count\\\":5},{\\\"brand\\\":\\\"VOLKSWAGEN2\\\",\\\"price\\\":40,\\\"count\\\":10},{\\\"brand\\\":\\\"DODGE2\\\",\\\"price\\\":70,\\\"count\\\":4},{\\\"brand\\\":\\\"SAAB2\\\",\\\"price\\\":50,\\\"count\\\":11},{\\\"brand\\\":\\\"HONDA2\\\",\\\"price\\\":20,\\\"count\\\":2},{\\\"brand\\\":\\\"TOYOTA2\\\",\\\"price\\\":115,\\\"count\\\":1},{\\\"brand\\\":\\\"BMW3\\\",\\\"price\\\":120,\\\"count\\\":12},{\\\"brand\\\":\\\"LADA3\\\",\\\"price\\\":50,\\\"count\\\":10},{\\\"brand\\\":\\\"MERCEDES3\\\",\\\"price\\\":15,\\\"count\\\":12},{\\\"brand\\\":\\\"AUDI3\\\",\\\"price\\\":20,\\\"count\\\":5},{\\\"brand\\\":\\\"VOLKSWAGEN3\\\",\\\"price\\\":40,\\\"count\\\":10},{\\\"brand\\\":\\\"DODGE3\\\",\\\"price\\\":70,\\\"count\\\":4},{\\\"brand\\\":\\\"SAAB3\\\",\\\"price\\\":50,\\\"count\\\":11},{\\\"brand\\\":\\\"HONDA3\\\",\\\"price\\\":20,\\\"count\\\":2},{\\\"brand\\\":\\\"TOYOTA3\\\",\\\"price\\\":115,\\\"count\\\":1},{\\\"brand\\\":\\\"BMW4\\\",\\\"price\\\":120,\\\"count\\\":12},{\\\"brand\\\":\\\"LADA4\\\",\\\"price\\\":50,\\\"count\\\":10},{\\\"brand\\\":\\\"MERCEDES4\\\",\\\"price\\\":15,\\\"count\\\":12},{\\\"brand\\\":\\\"AUDI4\\\",\\\"price\\\":20,\\\"count\\\":5},{\\\"brand\\\":\\\"VOLKSWAGEN4\\\",\\\"price\\\":40,\\\"count\\\":10},{\\\"brand\\\":\\\"DODGE4\\\",\\\"price\\\":70,\\\"count\\\":4},{\\\"brand\\\":\\\"SAAB4\\\",\\\"price\\\":50,\\\"count\\\":11},{\\\"brand\\\":\\\"HONDA4\\\",\\\"price\\\":20,\\\"count\\\":2},{\\\"brand\\\":\\\"TOYOTA4\\\",\\\"price\\\":115,\\\"count\\\":1},{\\\"brand\\\":\\\"BMW5\\\",\\\"price\\\":120,\\\"count\\\":12},{\\\"brand\\\":\\\"LADA5\\\",\\\"price\\\":50,\\\"count\\\":10},{\\\"brand\\\":\\\"MERCEDES5\\\",\\\"price\\\":15,\\\"count\\\":12},{\\\"brand\\\":\\\"AUDI5\\\",\\\"price\\\":20,\\\"count\\\":5},{\\\"brand\\\":\\\"VOLKSWAGEN5\\\",\\\"price\\\":40,\\\"count\\\":10},{\\\"brand\\\":\\\"DODGE5\\\",\\\"price\\\":70,\\\"count\\\":4},{\\\"brand\\\":\\\"SAAB5\\\",\\\"price\\\":50,\\\"count\\\":11},{\\\"brand\\\":\\\"HONDA5\\\",\\\"price\\\":20,\\\"count\\\":2},{\\\"brand\\\":\\\"TOYOTA5\\\",\\\"price\\\":115,\\\"count\\\":1},{\\\"brand\\\":\\\"BMW6\\\",\\\"price\\\":120,\\\"count\\\":12},{\\\"brand\\\":\\\"LADA6\\\",\\\"price\\\":50,\\\"count\\\":10},{\\\"brand\\\":\\\"MERCEDES6\\\",\\\"price\\\":15,\\\"count\\\":12},{\\\"brand\\\":\\\"AUDI6\\\",\\\"price\\\":20,\\\"count\\\":5},{\\\"brand\\\":\\\"VOLKSWAGEN6\\\",\\\"price\\\":40,\\\"count\\\":10},{\\\"brand\\\":\\\"DODGE6\\\",\\\"price\\\":70,\\\"count\\\":4},{\\\"brand\\\":\\\"SAAB6\\\",\\\"price\\\":50,\\\"count\\\":11},{\\\"brand\\\":\\\"HONDA6\\\",\\\"price\\\":20,\\\"count\\\":2},{\\\"brand\\\":\\\"TOYOTA6\\\",\\\"price\\\":115,\\\"count\\\":1},{\\\"brand\\\":\\\"BMW7\\\",\\\"price\\\":120,\\\"count\\\":12},{\\\"brand\\\":\\\"LADA7\\\",\\\"price\\\":50,\\\"count\\\":10},{\\\"brand\\\":\\\"MERCEDES7\\\",\\\"price\\\":15,\\\"count\\\":12},{\\\"brand\\\":\\\"AUDI7\\\",\\\"price\\\":20,\\\"count\\\":5},{\\\"brand\\\":\\\"VOLKSWAGEN7\\\",\\\"price\\\":40,\\\"count\\\":10},{\\\"brand\\\":\\\"DODGE7\\\",\\\"price\\\":70,\\\"count\\\":4},{\\\"brand\\\":\\\"SAAB7\\\",\\\"price\\\":50,\\\"count\\\":11},{\\\"brand\\\":\\\"HONDA7\\\",\\\"price\\\":20,\\\"count\\\":2},{\\\"brand\\\":\\\"TOYOTA7\\\",\\\"price\\\":115,\\\"count\\\":1},{\\\"brand\\\":\\\"BMW8\\\",\\\"price\\\":120,\\\"count\\\":12},{\\\"brand\\\":\\\"LADA8\\\",\\\"price\\\":50,\\\"count\\\":10},{\\\"brand\\\":\\\"MERCEDES8\\\",\\\"price\\\":15,\\\"count\\\":12},{\\\"brand\\\":\\\"AUDI8\\\",\\\"price\\\":20,\\\"count\\\":5},{\\\"brand\\\":\\\"VOLKSWAGEN8\\\",\\\"price\\\":40,\\\"count\\\":10},{\\\"brand\\\":\\\"DODGE8\\\",\\\"price\\\":70,\\\"count\\\":4},{\\\"brand\\\":\\\"SAAB8\\\",\\\"price\\\":50,\\\"count\\\":11},{\\\"brand\\\":\\\"HONDA8\\\",\\\"price\\\":20,\\\"count\\\":2},{\\\"brand\\\":\\\"TOYOTA8\\\",\\\"price\\\":115,\\\"count\\\":1}],\\\"dataSet_data\\\":[{\\\"SortOrder\\\":202007,\\\"ec\\\":19000,\\\"ac\\\":8000,\\\"x\\\":\\\"Jul 20\\\"},{\\\"SortOrder\\\":202008,\\\"ec\\\":166000,\\\"ac\\\":31000,\\\"x\\\":\\\"Aug 20\\\"},{\\\"SortOrder\\\":202010,\\\"ec\\\":17000,\\\"ac\\\":0,\\\"x\\\":\\\"Oct 20\\\"},{\\\"SortOrder\\\":202011,\\\"ec\\\":15000,\\\"ac\\\":0,\\\"x\\\":\\\"Nov 20\\\"},{\\\"SortOrder\\\":202012,\\\"ec\\\":317007,\\\"ac\\\":36000,\\\"x\\\":\\\"Dec 20\\\"},{\\\"SortOrder\\\":202101,\\\"ec\\\":4500,\\\"ac\\\":0,\\\"x\\\":\\\"Jan 21\\\"},{\\\"SortOrder\\\":202102,\\\"ec\\\":200000,\\\"ac\\\":0,\\\"x\\\":\\\"Feb 21\\\"}],\\\"data\\\":[{\\\"x\\\":\\\"Выставка Обзор IT-рынка\\\",\\\"y\\\":175007},{\\\"x\\\":\\\"Выездной корпоратив\\\",\\\"y\\\":166000},{\\\"x\\\":\\\"Вечеринка в книжном баре\\\",\\\"y\\\":116000},{\\\"x\\\":\\\"Шашлыки и баня в Чебоксарах\\\",\\\"y\\\":26000},{\\\"x\\\":\\\"ДР Саши и Коли\\\",\\\"y\\\":19000},{\\\"x\\\":\\\"Вечер ужасов\\\",\\\"y\\\":17000},{\\\"x\\\":\\\"ДР Наташи, Петра и Самвела\\\",\\\"y\\\":15000},{\\\"x\\\":\\\"Митап в университете\\\",\\\"y\\\":7000},{\\\"x\\\":\\\"Презентация Roadmap\\\",\\\"y\\\":4500}]}\");\n\n//# sourceURL=webpack://mdt-charts/./src/playground/assets/dataSet.json?");
|
|
90
90
|
|
|
91
91
|
/***/ }),
|
|
92
92
|
|
|
@@ -36,7 +36,27 @@ eval("__webpack_require__.r(__webpack_exports__);\n\n\n\n//# sourceURL=webpack:/
|
|
|
36
36
|
\*********************/
|
|
37
37
|
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
|
38
38
|
|
|
39
|
-
eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"Chart\": () => /* binding */ Chart\n/* harmony export */ });\n/* harmony import */ var _engine_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./engine/engine */ \"./src/engine/engine.ts\");\n/* harmony import */ var _model_modelBuilder__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./model/modelBuilder */ \"./src/model/modelBuilder.ts\");\n/* harmony import */ var
|
|
39
|
+
eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"Chart\": () => /* binding */ Chart\n/* harmony export */ });\n/* harmony import */ var _engine_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./engine/engine */ \"./src/engine/engine.ts\");\n/* harmony import */ var _model_modelBuilder__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./model/modelBuilder */ \"./src/model/modelBuilder.ts\");\n/* harmony import */ var _optionsServices_publicOptionsService__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./optionsServices/publicOptionsService */ \"./src/optionsServices/publicOptionsService.ts\");\n/* harmony import */ var _config_config__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./config/config */ \"./src/config/config.ts\");\n/* harmony import */ var _designer_designerConfig__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./designer/designerConfig */ \"./src/designer/designerConfig.ts\");\n\n\n\nclass Chart {\n /**\n * @param config Объект конфигуратора\n * @param designerConfig Объект конфигуратора дизайнера\n * @param data Данные\n * @param isResizable Флаг подстройки размера блока графика под родительский элемент\n * @param filterCallback Функция коллбэк, вызываемая во время клика на элемент графика. Предназначена для обеспечения кросс-фильтрации\n * @param selectedIds Id выделенных записей\n */\n constructor(config, designerConfig, data, isResizable = false, filterCallback = null, selectedIds = []) {\n this.resizeHandler = this.resizeListener.bind(this);\n Chart.chartCounter++;\n this.config = config;\n this.designerConfig = designerConfig;\n this.data = data;\n this.isResizable = isResizable;\n this.model = (0,_model_modelBuilder__WEBPACK_IMPORTED_MODULE_1__.assembleModel)(this.config, this.data, this.designerConfig);\n this.engine = new _engine_engine__WEBPACK_IMPORTED_MODULE_0__.default(Chart.chartCounter, filterCallback, selectedIds);\n }\n /**\n * Рендер графика\n * @param parentElement родительский элемент для графика\n */\n render(parentElement) {\n this.parentElement = parentElement;\n this.engine.render(this.model, (0,_model_modelBuilder__WEBPACK_IMPORTED_MODULE_1__.getPreparedData)(this.model, this.data, this.config), this.parentElement);\n if (this.isResizable)\n this.registerResizeEvent();\n }\n /**\n * Удаление графика со страницы\n */\n destroy() {\n this.engine.destroy();\n if (this.isResizable)\n this.removeResizeEvent();\n }\n /**\n * Обновление графика для новых данных\n * @param data Новые данные\n */\n updateData(data) {\n this.model = (0,_model_modelBuilder__WEBPACK_IMPORTED_MODULE_1__.assembleModel)(this.config, data, this.designerConfig);\n this.data = data;\n this.engine.updateData(this.model, (0,_model_modelBuilder__WEBPACK_IMPORTED_MODULE_1__.getPreparedData)(this.model, this.data, this.config));\n }\n /**\n * Изменение размера блока с графиком\n * @param newSize Новый размер\n */\n updateSize(newSize) {\n if (!_optionsServices_publicOptionsService__WEBPACK_IMPORTED_MODULE_2__.PublicOptionsService.validateSize(newSize))\n return;\n if (newSize.height)\n this.config.canvas.size.height = newSize.height;\n if (newSize.width)\n this.config.canvas.size.width = newSize.width;\n this.model = (0,_model_modelBuilder__WEBPACK_IMPORTED_MODULE_1__.assembleModel)(this.config, this.data, this.designerConfig);\n this.engine.updateFullBlock(this.model, (0,_model_modelBuilder__WEBPACK_IMPORTED_MODULE_1__.getPreparedData)(this.model, this.data, this.config));\n }\n /**\n * Обновление цветов графиков на основе новых базовых цветов\n * @param newColors Новые базовые цвета\n */\n updateColors(newColors) {\n this.designerConfig.chartStyle.baseColors = [...newColors];\n this.model = (0,_model_modelBuilder__WEBPACK_IMPORTED_MODULE_1__.assembleModel)(this.config, this.data, this.designerConfig);\n this.engine.updateColors(this.model);\n }\n registerResizeEvent() {\n window.addEventListener('resize', this.resizeHandler);\n }\n removeResizeEvent() {\n window.removeEventListener('resize', this.resizeHandler);\n }\n resizeListener() {\n this.updateSize({\n height: null,\n width: this.parentElement.offsetWidth\n });\n }\n}\nChart.chartCounter = 0;\n\n\n\n\n//# sourceURL=webpack://mdt-charts/./src/main.ts?");
|
|
40
|
+
|
|
41
|
+
/***/ }),
|
|
42
|
+
|
|
43
|
+
/***/ "./src/optionsServices/publicOptionsService.ts":
|
|
44
|
+
/*!*****************************************************!*\
|
|
45
|
+
!*** ./src/optionsServices/publicOptionsService.ts ***!
|
|
46
|
+
\*****************************************************/
|
|
47
|
+
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
|
48
|
+
|
|
49
|
+
eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"PublicOptionsService\": () => /* binding */ PublicOptionsService\n/* harmony export */ });\n/* harmony import */ var _validators_sizeValidator__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./validators/sizeValidator */ \"./src/optionsServices/validators/sizeValidator.ts\");\n\nclass PublicOptionsServiceClass {\n validateSize(size) {\n const validator = new _validators_sizeValidator__WEBPACK_IMPORTED_MODULE_0__.SizeValidator();\n return validator.validate(size);\n }\n}\nconst PublicOptionsService = new PublicOptionsServiceClass();\n\n\n//# sourceURL=webpack://mdt-charts/./src/optionsServices/publicOptionsService.ts?");
|
|
50
|
+
|
|
51
|
+
/***/ }),
|
|
52
|
+
|
|
53
|
+
/***/ "./src/optionsServices/validators/sizeValidator.ts":
|
|
54
|
+
/*!*********************************************************!*\
|
|
55
|
+
!*** ./src/optionsServices/validators/sizeValidator.ts ***!
|
|
56
|
+
\*********************************************************/
|
|
57
|
+
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
|
58
|
+
|
|
59
|
+
eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"SizeValidator\": () => /* binding */ SizeValidator\n/* harmony export */ });\nclass SizeValidator {\n validate(size) {\n return this.validateSide(size.height) && this.validateSide(size.width);\n }\n validateSide(side) {\n if (side == null)\n return true;\n if (typeof side !== \"number\" || side <= 0) {\n return false;\n }\n return true;\n }\n}\n\n\n//# sourceURL=webpack://mdt-charts/./src/optionsServices/validators/sizeValidator.ts?");
|
|
40
60
|
|
|
41
61
|
/***/ })
|
|
42
62
|
|
|
@@ -591,6 +591,17 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
|
|
|
591
591
|
|
|
592
592
|
/***/ }),
|
|
593
593
|
|
|
594
|
+
/***/ "./src/model/configsValidator/configValidator.ts":
|
|
595
|
+
/*!*******************************************************!*\
|
|
596
|
+
!*** ./src/model/configsValidator/configValidator.ts ***!
|
|
597
|
+
\*******************************************************/
|
|
598
|
+
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
|
599
|
+
|
|
600
|
+
"use strict";
|
|
601
|
+
eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"ConfigValidatorClass\": () => /* binding */ ConfigValidatorClass,\n/* harmony export */ \"ConfigValidator\": () => /* binding */ ConfigValidator\n/* harmony export */ });\nclass ConfigValidatorClass {\n validateCanvasSize(size) {\n const validateSide = (side) => typeof side === \"number\" && side >= 0;\n return validateSide(size.width) && validateSide(size.height);\n }\n}\nconst ConfigValidator = new ConfigValidatorClass();\n\n\n//# sourceURL=webpack://mdt-charts/./src/model/configsValidator/configValidator.ts?");
|
|
602
|
+
|
|
603
|
+
/***/ }),
|
|
604
|
+
|
|
594
605
|
/***/ "./src/model/dataManagerModel.ts":
|
|
595
606
|
/*!***************************************!*\
|
|
596
607
|
!*** ./src/model/dataManagerModel.ts ***!
|
|
@@ -697,7 +708,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
|
|
|
697
708
|
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
|
698
709
|
|
|
699
710
|
"use strict";
|
|
700
|
-
eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"AxisType\": () => /* binding */ AxisType,\n/* harmony export */ \"CLASSES\": () => /* binding */ CLASSES,\n/* harmony export */ \"assembleModel\": () => /* binding */ assembleModel,\n/* harmony export */ \"getPreparedData\": () => /* binding */ getPreparedData,\n/* harmony export */ \"getUpdatedModel\": () => /* binding */ getUpdatedModel\n/* harmony export */ });\n/* harmony import */ var _marginModel__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./marginModel */ \"./src/model/marginModel.ts\");\n/* harmony import */ var _notations_twoDimensionalModel__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./notations/twoDimensionalModel */ \"./src/model/notations/twoDimensionalModel.ts\");\n/* harmony import */ var _notations_polarModel__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./notations/polarModel */ \"./src/model/notations/polarModel.ts\");\n/* harmony import */ var _dataManagerModel__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./dataManagerModel */ \"./src/model/dataManagerModel.ts\");\n/* harmony import */ var _notations_intervalModel__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./notations/intervalModel */ \"./src/model/notations/intervalModel.ts\");\n/* harmony import */ var _featuresModel_otherComponents__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./featuresModel/otherComponents */ \"./src/model/featuresModel/otherComponents.ts\");\n\n\n\n\n\n\nvar AxisType;\n(function (AxisType) {\n AxisType[AxisType[\"Key\"] = 0] = \"Key\";\n AxisType[AxisType[\"Value\"] = 1] = \"Value\";\n})(AxisType || (AxisType = {}));\nconst CLASSES = {\n dataLabel: 'data-label',\n legendLabel: 'legend-label',\n legendColor: 'legend-circle',\n legendItem: 'legend-item',\n};\nfunction getBlockCanvas(config) {\n
|
|
711
|
+
eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"AxisType\": () => /* binding */ AxisType,\n/* harmony export */ \"CLASSES\": () => /* binding */ CLASSES,\n/* harmony export */ \"assembleModel\": () => /* binding */ assembleModel,\n/* harmony export */ \"getPreparedData\": () => /* binding */ getPreparedData,\n/* harmony export */ \"getUpdatedModel\": () => /* binding */ getUpdatedModel\n/* harmony export */ });\n/* harmony import */ var _marginModel__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./marginModel */ \"./src/model/marginModel.ts\");\n/* harmony import */ var _notations_twoDimensionalModel__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./notations/twoDimensionalModel */ \"./src/model/notations/twoDimensionalModel.ts\");\n/* harmony import */ var _notations_polarModel__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./notations/polarModel */ \"./src/model/notations/polarModel.ts\");\n/* harmony import */ var _dataManagerModel__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./dataManagerModel */ \"./src/model/dataManagerModel.ts\");\n/* harmony import */ var _notations_intervalModel__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./notations/intervalModel */ \"./src/model/notations/intervalModel.ts\");\n/* harmony import */ var _featuresModel_otherComponents__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./featuresModel/otherComponents */ \"./src/model/featuresModel/otherComponents.ts\");\n/* harmony import */ var _configsValidator_configValidator__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./configsValidator/configValidator */ \"./src/model/configsValidator/configValidator.ts\");\n\n\n\n\n\n\n\nvar AxisType;\n(function (AxisType) {\n AxisType[AxisType[\"Key\"] = 0] = \"Key\";\n AxisType[AxisType[\"Value\"] = 1] = \"Value\";\n})(AxisType || (AxisType = {}));\nconst CLASSES = {\n dataLabel: 'data-label',\n legendLabel: 'legend-label',\n legendColor: 'legend-circle',\n legendItem: 'legend-item',\n};\nfunction getBlockCanvas(config) {\n const size = _configsValidator_configValidator__WEBPACK_IMPORTED_MODULE_6__.ConfigValidator.validateCanvasSize(config.canvas.size) ? Object.assign({}, config.canvas.size) : { width: 0, height: 0 };\n return {\n size,\n cssClass: config.canvas.class\n };\n}\nfunction getChartBlock(margin) {\n return {\n margin\n };\n}\nfunction getOptions(config, designerConfig, margin, dataScope, data) {\n if (config.options.type === '2d') {\n return _notations_twoDimensionalModel__WEBPACK_IMPORTED_MODULE_1__.TwoDimensionalModel.getOptions(config, designerConfig, margin, dataScope, data);\n }\n else if (config.options.type === 'polar') {\n return _notations_polarModel__WEBPACK_IMPORTED_MODULE_2__.PolarModel.getOptions(config, data, margin, designerConfig);\n }\n else if (config.options.type === 'interval') {\n return _notations_intervalModel__WEBPACK_IMPORTED_MODULE_4__.IntervalModel.getOptions(config, designerConfig, margin, dataScope, data);\n }\n}\nfunction getDataSettings(dataScope, designerConfig) {\n return {\n scope: dataScope,\n format: getDataFormat(designerConfig)\n };\n}\nfunction getChartSettings(barSettings, donutSettings) {\n return {\n bar: Object.assign({}, barSettings),\n donut: Object.assign({}, donutSettings)\n };\n}\nfunction getDataFormat(designerConfig) {\n return {\n formatters: designerConfig.dataFormat.formatters\n };\n}\nfunction getTransitions(designerConfig) {\n return designerConfig.transitions;\n}\nfunction roundMargin(margin) {\n margin.top = Math.ceil(margin.top);\n margin.bottom = Math.ceil(margin.bottom);\n margin.left = Math.ceil(margin.left);\n margin.right = Math.ceil(margin.right);\n}\nfunction assembleModel(config, data, designerConfig) {\n if (!data || Object.keys(data).length === 0)\n return {\n blockCanvas: getBlockCanvas(config),\n chartBlock: null,\n otherComponents: null,\n options: null,\n dataSettings: null,\n chartSettings: null\n };\n resetFalsyValues(data, config.options.data.keyField.name);\n const otherComponents = _featuresModel_otherComponents__WEBPACK_IMPORTED_MODULE_5__.OtherComponentsModel.getOtherComponentsModel(designerConfig.elementsOptions, config.options.type);\n const margin = _marginModel__WEBPACK_IMPORTED_MODULE_0__.MarginModel.getMargin(designerConfig, config, otherComponents, data);\n const dataScope = _dataManagerModel__WEBPACK_IMPORTED_MODULE_3__.DataManagerModel.getDataScope(config, margin, data, designerConfig, otherComponents.legendBlock);\n const preparedData = _dataManagerModel__WEBPACK_IMPORTED_MODULE_3__.DataManagerModel.getPreparedData(data, dataScope.allowableKeys, config);\n if (config.options.type === '2d' && config.options.axis.key.visibility)\n _marginModel__WEBPACK_IMPORTED_MODULE_0__.MarginModel.recalcMarginByVerticalAxisLabel(margin, config, designerConfig, dataScope);\n const blockCanvas = getBlockCanvas(config);\n const chartBlock = getChartBlock(margin);\n const options = getOptions(config, designerConfig, margin, dataScope, preparedData);\n const dataSettings = getDataSettings(dataScope, designerConfig);\n const chartSettings = getChartSettings(designerConfig.canvas.chartOptions.bar, designerConfig.canvas.chartOptions.donut);\n const transitions = getTransitions(designerConfig);\n if (options.type === 'polar')\n _marginModel__WEBPACK_IMPORTED_MODULE_0__.MarginModel.recalcPolarMarginWithScopedData(margin, config.canvas.size, designerConfig, config, otherComponents.legendBlock, dataScope, options);\n roundMargin(margin);\n return {\n blockCanvas,\n chartBlock,\n otherComponents,\n options,\n dataSettings,\n chartSettings,\n transitions\n };\n}\nfunction resetFalsyValues(data, keyFieldName) {\n for (let setName in data) {\n data[setName].forEach(dataRow => {\n for (let fieldName in dataRow) {\n if (fieldName === keyFieldName && !dataRow[fieldName]) {\n dataRow[fieldName] = '';\n }\n else if (dataRow[fieldName] !== 0 && !dataRow[fieldName]) {\n dataRow[fieldName] = 0;\n }\n }\n });\n }\n}\nfunction getPreparedData(model, data, config) {\n resetFalsyValues(data, config.options.data.keyField.name);\n const isModelOrDataEmpty = !model || Object.keys(model).length === 0 || !data || Object.keys(data).length === 0;\n if (isModelOrDataEmpty)\n return null;\n const preparedData = _dataManagerModel__WEBPACK_IMPORTED_MODULE_3__.DataManagerModel.getPreparedData(data, model.dataSettings.scope.allowableKeys, config);\n return preparedData;\n}\nfunction getUpdatedModel(config, data, designerConfig) {\n return assembleModel(config, data, designerConfig);\n}\n\n\n//# sourceURL=webpack://mdt-charts/./src/model/modelBuilder.ts?");
|
|
701
712
|
|
|
702
713
|
/***/ }),
|
|
703
714
|
|