mdt-charts 1.10.0 → 1.11.0

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.
Files changed (57) hide show
  1. package/lib/config/config.d.ts +9 -2
  2. package/lib/designer/designerConfig.d.ts +8 -2
  3. package/lib/engine/features/aggregator/aggregator.d.ts +4 -3
  4. package/lib/engine/features/aggregator/aggregator.js +14 -11
  5. package/lib/engine/features/title/title.js +2 -0
  6. package/lib/engine/features/tolltip/tooltip.js +1 -1
  7. package/lib/engine/filterManager/filterEventManager.d.ts +3 -3
  8. package/lib/engine/filterManager/filterEventManager.js +4 -4
  9. package/lib/engine/intervalNotation/intervalManager.js +2 -2
  10. package/lib/engine/polarNotation/donut/DonutHelper.d.ts +2 -0
  11. package/lib/engine/polarNotation/donut/DonutHelper.js +20 -3
  12. package/lib/engine/polarNotation/donut/donut.js +1 -1
  13. package/lib/engine/polarNotation/polarManager.js +6 -7
  14. package/lib/engine/twoDimensionalNotation/twoDimensionalManager.js +4 -4
  15. package/lib/model/chartStyleModel/TwoDimensionalChartStyleModel.d.ts +19 -0
  16. package/lib/model/chartStyleModel/TwoDimensionalChartStyleModel.js +61 -0
  17. package/lib/model/chartStyleModel/chartStyleModel.d.ts +9 -0
  18. package/lib/model/chartStyleModel/chartStyleModel.js +27 -0
  19. package/lib/model/dataManagerModel.d.ts +3 -2
  20. package/lib/model/dataManagerModel.js +12 -10
  21. package/lib/model/featuresModel/axisModel.d.ts +9 -8
  22. package/lib/model/featuresModel/axisModel.js +20 -20
  23. package/lib/model/featuresModel/legendModel/legendModel.d.ts +4 -3
  24. package/lib/model/featuresModel/legendModel/legendModel.js +5 -7
  25. package/lib/model/featuresModel/otherComponents.d.ts +9 -2
  26. package/lib/model/featuresModel/otherComponents.js +6 -4
  27. package/lib/model/featuresModel/scaleModel.d.ts +6 -5
  28. package/lib/model/featuresModel/scaleModel.js +9 -9
  29. package/lib/model/featuresModel/titleModel.d.ts +1 -1
  30. package/lib/model/featuresModel/titleModel.js +7 -5
  31. package/lib/model/marginModel.d.ts +5 -5
  32. package/lib/model/marginModel.js +37 -35
  33. package/lib/model/model.d.ts +24 -18
  34. package/lib/model/modelBuilder.js +23 -34
  35. package/lib/model/modelInstance/canvasModel/canvasModel.d.ts +22 -0
  36. package/lib/model/modelInstance/canvasModel/canvasModel.js +42 -0
  37. package/lib/model/modelInstance/canvasModel/titleCanvas.d.ts +9 -0
  38. package/lib/model/modelInstance/canvasModel/titleCanvas.js +11 -0
  39. package/lib/model/modelInstance/modelInstance.d.ts +7 -0
  40. package/lib/model/modelInstance/modelInstance.js +11 -0
  41. package/lib/model/notations/intervalModel.d.ts +2 -1
  42. package/lib/model/notations/intervalModel.js +16 -13
  43. package/lib/model/notations/polarModel.d.ts +5 -3
  44. package/lib/model/notations/polarModel.js +17 -7
  45. package/lib/model/notations/twoDimensionalModel.d.ts +7 -5
  46. package/lib/model/notations/twoDimensionalModel.js +19 -11
  47. package/lib/style/charts-main.css +2 -0
  48. package/lib/style/charts-main.less +2 -0
  49. package/package.json +3 -2
  50. package/.vscode/settings.json +0 -7
  51. package/dist/index.html +0 -363
  52. package/dist/listeners.93c655365f908a888f8a.js +0 -278
  53. package/dist/main.f8b6bc6fee33cef1116c.js +0 -228
  54. package/dist/src_engine_engine_ts.f6ee215f42079564fff5.js +0 -770
  55. package/dist/vendors-node_modules_chroma-js_chroma_js-node_modules_d3-array_src_max_js-node_modules_d3-arr-c3fc24.2f05591b407b8b60f1c4.js +0 -1891
  56. package/lib/model/chartStyleModel.d.ts +0 -16
  57. package/lib/model/chartStyleModel.js +0 -67
package/dist/index.html DELETED
@@ -1,363 +0,0 @@
1
- <!DOCTYPE html>
2
- <html lang="en">
3
-
4
- <head>
5
- <meta charset="UTF-8">
6
- <meta name="viewport" content="width=device-width, initial-scale=1.0">
7
- <title>Charts</title>
8
- </head>
9
-
10
- <body>
11
- <div class="controls-block designer-block">
12
- <h2>Дизайнер (статические настройки)</h2>
13
- <div class="form designer">
14
- <div class="form-group">
15
- <label for="">Позииция тултипа</label>
16
- <br>
17
- <select name="" id="tooltip-position">
18
- <option value="followCursor">Следование за курсором</option>
19
- <option value="fixed">Фиксированная</option>
20
- </select>
21
- </div>
22
- <div class="form-group">
23
- <label for="">Макс. ширина подписей</label>
24
- <br>
25
- <input type="number" id="axis-label-width">
26
- </div>
27
- <div class="form-group">
28
- <label for="">Расстояние между барами</label>
29
- <br>
30
- <input type="number" id="bar-distance">
31
- </div>
32
- <div class="form-group">
33
- <label for="">Мин. расстояние между группами баров</label>
34
- <br>
35
- <input type="number" id="min-bar-group-distance">
36
- </div>
37
- <div class="form-group">
38
- <label for="">Макс. расстояние между группами баров</label>
39
- <br>
40
- <input type="number" id="max-bar-group-distance">
41
- </div>
42
- <div class="form-group">
43
- <label for="">Мин. ширина бара</label>
44
- <br>
45
- <input type="number" id="min-bar-size">
46
- </div>
47
- <div class="form-group">
48
- <label for="">Макс. ширина бара</label>
49
- <br>
50
- <input type="number" id="max-bar-size">
51
- </div>
52
- <div class="form-group">
53
- <label for="">Отступ агрегатора</label>
54
- <br>
55
- <input type="number" placeholder="" min="0" id="aggregator-pad">
56
- </div>
57
- <div class="form-group">
58
- <label for="">Расстояние между долями доната</label>
59
- <br>
60
- <input type="number" placeholder="" step="0.001" min="0" max="0.1" id="pad-angle">
61
- </div>
62
- <div class="form-group">
63
- <label for="">Минимальная ширина доната</label>
64
- <br>
65
- <input type="number" placeholder="" id="donut-min-thickness">
66
- </div>
67
- <div class="form-group">
68
- <label for="">Максимальная ширина доната</label>
69
- <br>
70
- <input type="number" placeholder="" id="donut-max-thickness">
71
- </div>
72
- <div class="form-group">
73
- <label for="">Базовые цвета</label>
74
- <br>
75
- <input type="text" placeholder="" id="base-colors" style="width: 500px;" maxlength="1000">
76
- </div>
77
- </div>
78
- <div class="designer-margin controls-section">
79
- <div>Margin блока с графиком</div>
80
- <div class="controls-group">
81
- <div class="form-group">
82
- <label for="">Top</label>
83
- <br>
84
- <input type="number" id="chart-block-margin-top">
85
- </div>
86
- <div class="form-group">
87
- <label for="">Bottom</label>
88
- <br>
89
- <input type="number" id="chart-block-margin-bottom">
90
- </div>
91
- <div class="form-group">
92
- <label for="">Left</label>
93
- <br>
94
- <input type="number" id="chart-block-margin-left">
95
- </div>
96
- <div class="form-group">
97
- <label for="">Right</label>
98
- <br>
99
- <input type="number" id="chart-block-margin-right">
100
- </div>
101
- </div>
102
- </div>
103
- <div class="designer-transitions controls-section">
104
- <div>Длительность анимаций</div>
105
- <div class="controls-group">
106
- <div class="form-group">
107
- <label for="">Анимация обновления</label>
108
- <br>
109
- <input type="number" id="chart-block-transition-chartUpdate" value="1000">
110
- </div>
111
- <div class="form-group">
112
- <label for="">Исчезновение элемента</label>
113
- <br>
114
- <input type="number" id="chart-block-transition-elementFadeOut" value="75">
115
- </div>
116
- <div class="form-group">
117
- <label for="">Перемещение тултипа</label>
118
- <br>
119
- <input type="number" id="chart-block-transition-tooltipSlide" value="200">
120
- </div>
121
- <div class="form-group">
122
- <label for="">Наведение на сегмент доната</label>
123
- <br>
124
- <input type="number" id="chart-block-transition-donutHover" value="50">
125
- </div>
126
- <div class="form-group">
127
- <label for="">Наведение на маркер</label>
128
- <br>
129
- <input type="number" id="chart-block-transition-markerHover" value="400">
130
- </div>
131
- </div>
132
- </div>
133
- </div>
134
- <div class="controls-block common-block">
135
- <h2>Пользовательские настройки</h2>
136
- <div class="form notation">
137
- <div class="form-group">
138
- <label for="">Тип исчисления</label>
139
- <br>
140
- <select name="" id="notation">
141
- <option value="2d">2D</option>
142
- <option value="polar">Polar</option>
143
- <option value="interval">Interval</option>
144
- </select>
145
- </div>
146
- <div class="form-group">
147
- <label for="">Ширина</label>
148
- <br>
149
- <input type="number" step="10" id="block-width">
150
- </div>
151
- <div class="form-group">
152
- <label for="">Высота</label>
153
- <br>
154
- <input type="number" step="10" id="block-height">
155
- </div>
156
- <div class="form-group">
157
- <br>
158
- <input type="checkbox" id="wrapper-border">
159
- <label for="wrapper-border">Outline svg-блока</label>
160
- </div>
161
- <div class="form-group">
162
- <br>
163
- <input type="checkbox" id="update-enabler">
164
- <label for="update-enabler">Автообновление данных</label>
165
- </div>
166
- <div class="form-group">
167
- <label for="">Refresh, ms</label>
168
- <br>
169
- <input type="number" name="" value="4000" id="refresh">
170
- </div>
171
- </div>
172
- <div class="form common-options">
173
- <div class="form-group">
174
- <label for="">Количество записей</label>
175
- <br>
176
- <select name="" id="data-size">
177
- <option value="normal">9</option>
178
- <option value="large">18</option>
179
- </select>
180
- </div>
181
- <div class="form-group">
182
- <br>
183
- <input type="checkbox" id="legend">
184
- <label for="legend">Показывать легенду</label>
185
- </div>
186
- <div class="form-group">
187
- <label for="">Максимальное значение</label>
188
- <br>
189
- <input type="number" id="max-random-value">
190
- <button class="btn-random">Random</button>
191
- </div>
192
- </div>
193
- </div>
194
- <div class="controls-block block-2d">
195
- <h2>Настройки 2D-графиков</h2>
196
- <div class="form controls-2d">
197
- <div class="form-group">
198
- <label for="">Тип графика</label>
199
- <br>
200
- <select name="" id="chart-2d-type">
201
- <option value="bar">bar</option>
202
- <option value="line">line</option>
203
- <option value="area">area</option>
204
- <option value="barLine">bar + line</option>
205
- </select>
206
- </div>
207
- <div class="form-group">
208
- <label for="">Интервал оси значений</label>
209
- <br>
210
- <input type="number" placeholder="start" id="domain-start">
211
- <input type="number" placeholder="end" id="domain-end">
212
- <button class="btn-domain">Apply</button>
213
- </div>
214
- <div class="form-group">
215
- <br>
216
- <input type="checkbox" id="is-segmented">
217
- <label for="is-segmented">Отображать сегментированно</label>
218
- </div>
219
- <div class="form-group">
220
- <label for="">Встроенные надписи</label>
221
- <br>
222
- <select name="" id="embedded-labels">
223
- <option value="none">none</option>
224
- <option value="key">key</option>
225
- <option value="value">value</option>
226
- </select>
227
- </div>
228
- <div class="form-group">
229
- <br>
230
- <input type="checkbox" id="markers">
231
- <label for="markers">Отображение маркеров</label>
232
- </div>
233
- </div>
234
- </div>
235
- <div class="controls-block block-axis">
236
- <h2>Настройки осей</h2>
237
- <div class="form controls-2d">
238
- <div class="form-group">
239
- <label for="">Ориентация</label>
240
- <br>
241
- <select name="" id="chart-orient">
242
- <option value="vertical">vertical</option>
243
- <option value="horizontal">horizontal</option>
244
- </select>
245
- </div>
246
- <div class="form-group">
247
- <label for="">Поз. оси ключей</label>
248
- <br>
249
- <select name="" id="key-axis-orient">
250
- <option value="start">start</option>
251
- <option value="end">end</option>
252
- </select>
253
- </div>
254
- <div class="form-group">
255
- <br>
256
- <input type="checkbox" id="key-axis-visibility">
257
- <label for="key-axis-visibility">Отображать ось ключей</label>
258
- </div>
259
- <div class="form-group">
260
- <label for="">Поз. оси значений</label>
261
- <br>
262
- <select name="" id="value-axis-orient">
263
- <option value="start">start</option>
264
- <option value="end">end</option>
265
- </select>
266
- </div>
267
- <div class="form-group">
268
- <br>
269
- <input type="checkbox" id="value-axis-visibility">
270
- <label for="value-axis-visibility">Отображать ось значений</label>
271
- </div>
272
- <div class="form-group">
273
- <br>
274
- <input type="checkbox" id="config-key-grid">
275
- <label for="config-key-grid">Грид оси ключей</label>
276
- </div>
277
- <div class="form-group">
278
- <br>
279
- <input type="checkbox" id="config-value-grid">
280
- <label for="config-value-grid">Грид оси значений</label>
281
- </div>
282
- <div class="form-group">
283
- <br>
284
- <input type="checkbox" id="config-tick-key">
285
- <label for="config-tick-key">Тики оси ключей</label>
286
- </div>
287
- <div class="form-group">
288
- <br>
289
- <input type="checkbox" id="config-tick-value">
290
- <label for="config-tick-value">Тики оси значений</label>
291
- </div>
292
- </div>
293
- </div>
294
- <div class="controls-block block-polar">
295
- <h2>Настройки Polar-графиков</h2>
296
- <div class="controls-polar form">
297
- <div class="form-group">
298
- <label for="">Тип графика</label>
299
- <br>
300
- <select name="" id="chart-polar-type">
301
- <option value="donut" selected>donut</option>
302
- </select>
303
- </div>
304
- </div>
305
- </div>
306
- <!-- Стили для контролов-->
307
- <style>
308
- .main-wrapper {
309
- display: flex;
310
- flex-direction: column;
311
- align-items: center;
312
- }
313
-
314
- .main-wrapper2 {
315
- margin-top: 2rem;
316
- }
317
-
318
- .main-wrapper2>div {
319
- margin: 1rem;
320
- }
321
-
322
-
323
- .form {
324
- display: flex;
325
- flex-wrap: wrap;
326
- }
327
-
328
- .controls-block {
329
- font-family: "Roboto";
330
- border-bottom: 1px solid black;
331
- padding: 0 .2rem;
332
- box-sizing: border-box;
333
- margin: 1rem 0;
334
- }
335
-
336
- .form-group {
337
- margin: 10px;
338
- font-family: "Roboto";
339
- }
340
-
341
- .controls-group {
342
- display: flex;
343
- }
344
-
345
- .controls-section {
346
- margin-top: 1rem;
347
- }
348
-
349
- label {
350
- font-size: 12px;
351
- }
352
-
353
- .outline {
354
- outline: 1px solid black;
355
- }
356
- </style>
357
-
358
- <div class="main-wrapper"></div>
359
- <div class="main-wrapper2" style="display: flex; align-items: center; flex-wrap: wrap;"></div>
360
-
361
- <script src="vendors-node_modules_chroma-js_chroma_js-node_modules_d3-array_src_max_js-node_modules_d3-arr-c3fc24.2f05591b407b8b60f1c4.js"></script><script src="src_engine_engine_ts.f6ee215f42079564fff5.js"></script><script src="main.f8b6bc6fee33cef1116c.js"></script><script src="listeners.93c655365f908a888f8a.js"></script></body>
362
-
363
- </html>