polar-chart.js 37 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911
  1. "use strict";
  2. var __extends = (this && this.__extends) || (function () {
  3. var extendStatics = Object.setPrototypeOf ||
  4. ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
  5. function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
  6. return function (d, b) {
  7. extendStatics(d, b);
  8. function __() { this.constructor = d; }
  9. d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
  10. };
  11. })();
  12. /*!
  13. * devextreme-angular
  14. * Version: 19.1.16
  15. * Build date: Tue Oct 18 2022
  16. *
  17. * Copyright (c) 2012 - 2022 Developer Express Inc. ALL RIGHTS RESERVED
  18. *
  19. * This software may be modified and distributed under the terms
  20. * of the MIT license. See the LICENSE file in the root of the project for details.
  21. *
  22. * https://github.com/DevExpress/devextreme-angular
  23. */
  24. Object.defineProperty(exports, "__esModule", { value: true });
  25. var platform_browser_1 = require("@angular/platform-browser");
  26. var platform_browser_2 = require("@angular/platform-browser");
  27. var core_1 = require("@angular/core");
  28. var polar_chart_1 = require("devextreme/viz/polar_chart");
  29. var component_1 = require("../core/component");
  30. var template_host_1 = require("../core/template-host");
  31. var integration_1 = require("../core/integration");
  32. var template_1 = require("../core/template");
  33. var nested_option_1 = require("../core/nested-option");
  34. var watcher_helper_1 = require("../core/watcher-helper");
  35. var iterable_differ_helper_1 = require("../core/iterable-differ-helper");
  36. var adaptive_layout_1 = require("./nested/adaptive-layout");
  37. var animation_1 = require("./nested/animation");
  38. var argument_axis_1 = require("./nested/argument-axis");
  39. var constant_line_dxi_1 = require("./nested/constant-line-dxi");
  40. var label_1 = require("./nested/label");
  41. var font_1 = require("./nested/font");
  42. var constant_line_style_1 = require("./nested/constant-line-style");
  43. var grid_1 = require("./nested/grid");
  44. var format_1 = require("./nested/format");
  45. var minor_grid_1 = require("./nested/minor-grid");
  46. var minor_tick_1 = require("./nested/minor-tick");
  47. var minor_tick_interval_1 = require("./nested/minor-tick-interval");
  48. var strip_dxi_1 = require("./nested/strip-dxi");
  49. var strip_style_1 = require("./nested/strip-style");
  50. var tick_1 = require("./nested/tick");
  51. var tick_interval_1 = require("./nested/tick-interval");
  52. var common_axis_settings_1 = require("./nested/common-axis-settings");
  53. var common_series_settings_1 = require("./nested/common-series-settings");
  54. var area_1 = require("./nested/area");
  55. var border_1 = require("./nested/border");
  56. var hover_style_1 = require("./nested/hover-style");
  57. var hatching_1 = require("./nested/hatching");
  58. var connector_1 = require("./nested/connector");
  59. var point_1 = require("./nested/point");
  60. var image_1 = require("./nested/image");
  61. var selection_style_1 = require("./nested/selection-style");
  62. var value_error_bar_1 = require("./nested/value-error-bar");
  63. var bar_1 = require("./nested/bar");
  64. var argument_format_1 = require("./nested/argument-format");
  65. var line_1 = require("./nested/line");
  66. var scatter_1 = require("./nested/scatter");
  67. var stackedbar_1 = require("./nested/stackedbar");
  68. var data_prepare_settings_1 = require("./nested/data-prepare-settings");
  69. var export_1 = require("./nested/export");
  70. var legend_1 = require("./nested/legend");
  71. var margin_1 = require("./nested/margin");
  72. var title_1 = require("./nested/title");
  73. var subtitle_1 = require("./nested/subtitle");
  74. var loading_indicator_1 = require("./nested/loading-indicator");
  75. var series_dxi_1 = require("./nested/series-dxi");
  76. var series_template_1 = require("./nested/series-template");
  77. var size_1 = require("./nested/size");
  78. var tooltip_1 = require("./nested/tooltip");
  79. var shadow_1 = require("./nested/shadow");
  80. var value_axis_1 = require("./nested/value-axis");
  81. var series_dxi_2 = require("./nested/series-dxi");
  82. /**
  83. * The PolarChart is a widget that visualizes data in a polar coordinate system.
  84. */
  85. var DxPolarChartComponent = (function (_super) {
  86. __extends(DxPolarChartComponent, _super);
  87. function DxPolarChartComponent(elementRef, ngZone, templateHost, _watcherHelper, _idh, optionHost, transferState, platformId) {
  88. var _this = _super.call(this, elementRef, ngZone, templateHost, _watcherHelper, transferState, platformId) || this;
  89. _this._watcherHelper = _watcherHelper;
  90. _this._idh = _idh;
  91. _this._createEventEmitters([
  92. { subscribe: 'argumentAxisClick', emit: 'onArgumentAxisClick' },
  93. { subscribe: 'disposing', emit: 'onDisposing' },
  94. { subscribe: 'done', emit: 'onDone' },
  95. { subscribe: 'drawn', emit: 'onDrawn' },
  96. { subscribe: 'exported', emit: 'onExported' },
  97. { subscribe: 'exporting', emit: 'onExporting' },
  98. { subscribe: 'fileSaving', emit: 'onFileSaving' },
  99. { subscribe: 'incidentOccurred', emit: 'onIncidentOccurred' },
  100. { subscribe: 'initialized', emit: 'onInitialized' },
  101. { subscribe: 'legendClick', emit: 'onLegendClick' },
  102. { subscribe: 'optionChanged', emit: 'onOptionChanged' },
  103. { subscribe: 'pointClick', emit: 'onPointClick' },
  104. { subscribe: 'pointHoverChanged', emit: 'onPointHoverChanged' },
  105. { subscribe: 'pointSelectionChanged', emit: 'onPointSelectionChanged' },
  106. { subscribe: 'seriesClick', emit: 'onSeriesClick' },
  107. { subscribe: 'seriesHoverChanged', emit: 'onSeriesHoverChanged' },
  108. { subscribe: 'seriesSelectionChanged', emit: 'onSeriesSelectionChanged' },
  109. { subscribe: 'tooltipHidden', emit: 'onTooltipHidden' },
  110. { subscribe: 'tooltipShown', emit: 'onTooltipShown' },
  111. { emit: 'adaptiveLayoutChange' },
  112. { emit: 'animationChange' },
  113. { emit: 'argumentAxisChange' },
  114. { emit: 'barGroupPaddingChange' },
  115. { emit: 'barGroupWidthChange' },
  116. { emit: 'barWidthChange' },
  117. { emit: 'commonAxisSettingsChange' },
  118. { emit: 'commonSeriesSettingsChange' },
  119. { emit: 'containerBackgroundColorChange' },
  120. { emit: 'customizeLabelChange' },
  121. { emit: 'customizePointChange' },
  122. { emit: 'dataPrepareSettingsChange' },
  123. { emit: 'dataSourceChange' },
  124. { emit: 'disabledChange' },
  125. { emit: 'elementAttrChange' },
  126. { emit: 'equalBarWidthChange' },
  127. { emit: 'exportChange' },
  128. { emit: 'legendChange' },
  129. { emit: 'loadingIndicatorChange' },
  130. { emit: 'marginChange' },
  131. { emit: 'negativesAsZeroesChange' },
  132. { emit: 'paletteChange' },
  133. { emit: 'paletteExtensionModeChange' },
  134. { emit: 'pathModifiedChange' },
  135. { emit: 'pointSelectionModeChange' },
  136. { emit: 'redrawOnResizeChange' },
  137. { emit: 'resolveLabelOverlappingChange' },
  138. { emit: 'rtlEnabledChange' },
  139. { emit: 'seriesChange' },
  140. { emit: 'seriesSelectionModeChange' },
  141. { emit: 'seriesTemplateChange' },
  142. { emit: 'sizeChange' },
  143. { emit: 'themeChange' },
  144. { emit: 'titleChange' },
  145. { emit: 'tooltipChange' },
  146. { emit: 'useSpiderWebChange' },
  147. { emit: 'valueAxisChange' }
  148. ]);
  149. _this._idh.setHost(_this);
  150. optionHost.setHost(_this);
  151. return _this;
  152. }
  153. Object.defineProperty(DxPolarChartComponent.prototype, "adaptiveLayout", {
  154. get: /**
  155. * Specifies adaptive layout options.
  156. */
  157. function () {
  158. return this._getOption('adaptiveLayout');
  159. },
  160. set: function (value) {
  161. this._setOption('adaptiveLayout', value);
  162. },
  163. enumerable: true,
  164. configurable: true
  165. });
  166. Object.defineProperty(DxPolarChartComponent.prototype, "animation", {
  167. get: /**
  168. * Specifies animation options.
  169. */
  170. function () {
  171. return this._getOption('animation');
  172. },
  173. set: function (value) {
  174. this._setOption('animation', value);
  175. },
  176. enumerable: true,
  177. configurable: true
  178. });
  179. Object.defineProperty(DxPolarChartComponent.prototype, "argumentAxis", {
  180. get: /**
  181. * Specifies argument axis options for the PolarChart widget.
  182. */
  183. function () {
  184. return this._getOption('argumentAxis');
  185. },
  186. set: function (value) {
  187. this._setOption('argumentAxis', value);
  188. },
  189. enumerable: true,
  190. configurable: true
  191. });
  192. Object.defineProperty(DxPolarChartComponent.prototype, "barGroupPadding", {
  193. get: /**
  194. * Controls the padding and consequently the angular width of a group of bars with the same argument using relative units. Ignored if the barGroupWidth option is set.
  195. */
  196. function () {
  197. return this._getOption('barGroupPadding');
  198. },
  199. set: function (value) {
  200. this._setOption('barGroupPadding', value);
  201. },
  202. enumerable: true,
  203. configurable: true
  204. });
  205. Object.defineProperty(DxPolarChartComponent.prototype, "barGroupWidth", {
  206. get: /**
  207. * Specifies a fixed angular width for groups of bars with the same argument, measured in degrees. Takes precedence over the barGroupPadding option.
  208. */
  209. function () {
  210. return this._getOption('barGroupWidth');
  211. },
  212. set: function (value) {
  213. this._setOption('barGroupWidth', value);
  214. },
  215. enumerable: true,
  216. configurable: true
  217. });
  218. Object.defineProperty(DxPolarChartComponent.prototype, "barWidth", {
  219. get: /**
  220. * Use CommonPolarChartSeries.barPadding instead.
  221. */
  222. function () {
  223. return this._getOption('barWidth');
  224. },
  225. set: function (value) {
  226. this._setOption('barWidth', value);
  227. },
  228. enumerable: true,
  229. configurable: true
  230. });
  231. Object.defineProperty(DxPolarChartComponent.prototype, "commonAxisSettings", {
  232. get: /**
  233. * An object defining the configuration options that are common for all axes of the PolarChart widget.
  234. */
  235. function () {
  236. return this._getOption('commonAxisSettings');
  237. },
  238. set: function (value) {
  239. this._setOption('commonAxisSettings', value);
  240. },
  241. enumerable: true,
  242. configurable: true
  243. });
  244. Object.defineProperty(DxPolarChartComponent.prototype, "commonSeriesSettings", {
  245. get: /**
  246. * An object defining the configuration options that are common for all series of the PolarChart widget.
  247. */
  248. function () {
  249. return this._getOption('commonSeriesSettings');
  250. },
  251. set: function (value) {
  252. this._setOption('commonSeriesSettings', value);
  253. },
  254. enumerable: true,
  255. configurable: true
  256. });
  257. Object.defineProperty(DxPolarChartComponent.prototype, "containerBackgroundColor", {
  258. get: /**
  259. * Specifies the color of the parent page element.
  260. */
  261. function () {
  262. return this._getOption('containerBackgroundColor');
  263. },
  264. set: function (value) {
  265. this._setOption('containerBackgroundColor', value);
  266. },
  267. enumerable: true,
  268. configurable: true
  269. });
  270. Object.defineProperty(DxPolarChartComponent.prototype, "customizeLabel", {
  271. get: /**
  272. * Customizes the appearance of an individual point label.
  273. */
  274. function () {
  275. return this._getOption('customizeLabel');
  276. },
  277. set: function (value) {
  278. this._setOption('customizeLabel', value);
  279. },
  280. enumerable: true,
  281. configurable: true
  282. });
  283. Object.defineProperty(DxPolarChartComponent.prototype, "customizePoint", {
  284. get: /**
  285. * Customizes the appearance of an individual series point.
  286. */
  287. function () {
  288. return this._getOption('customizePoint');
  289. },
  290. set: function (value) {
  291. this._setOption('customizePoint', value);
  292. },
  293. enumerable: true,
  294. configurable: true
  295. });
  296. Object.defineProperty(DxPolarChartComponent.prototype, "dataPrepareSettings", {
  297. get: /**
  298. * An object providing options for managing data from a data source.
  299. */
  300. function () {
  301. return this._getOption('dataPrepareSettings');
  302. },
  303. set: function (value) {
  304. this._setOption('dataPrepareSettings', value);
  305. },
  306. enumerable: true,
  307. configurable: true
  308. });
  309. Object.defineProperty(DxPolarChartComponent.prototype, "dataSource", {
  310. get: /**
  311. * Binds the widget to data.
  312. */
  313. function () {
  314. return this._getOption('dataSource');
  315. },
  316. set: function (value) {
  317. this._setOption('dataSource', value);
  318. },
  319. enumerable: true,
  320. configurable: true
  321. });
  322. Object.defineProperty(DxPolarChartComponent.prototype, "disabled", {
  323. get: /**
  324. * Specifies whether the widget responds to the user interaction.
  325. */
  326. function () {
  327. return this._getOption('disabled');
  328. },
  329. set: function (value) {
  330. this._setOption('disabled', value);
  331. },
  332. enumerable: true,
  333. configurable: true
  334. });
  335. Object.defineProperty(DxPolarChartComponent.prototype, "elementAttr", {
  336. get: /**
  337. * Specifies the attributes to be attached to the widget's root element.
  338. */
  339. function () {
  340. return this._getOption('elementAttr');
  341. },
  342. set: function (value) {
  343. this._setOption('elementAttr', value);
  344. },
  345. enumerable: true,
  346. configurable: true
  347. });
  348. Object.defineProperty(DxPolarChartComponent.prototype, "equalBarWidth", {
  349. get: /**
  350. * Use CommonPolarChartSeries.ignoreEmptyPoints instead.
  351. */
  352. function () {
  353. return this._getOption('equalBarWidth');
  354. },
  355. set: function (value) {
  356. this._setOption('equalBarWidth', value);
  357. },
  358. enumerable: true,
  359. configurable: true
  360. });
  361. Object.defineProperty(DxPolarChartComponent.prototype, "export", {
  362. get: /**
  363. * Configures the exporting and printing features.
  364. */
  365. function () {
  366. return this._getOption('export');
  367. },
  368. set: function (value) {
  369. this._setOption('export', value);
  370. },
  371. enumerable: true,
  372. configurable: true
  373. });
  374. Object.defineProperty(DxPolarChartComponent.prototype, "legend", {
  375. get: /**
  376. * Specifies the options of a chart's legend.
  377. */
  378. function () {
  379. return this._getOption('legend');
  380. },
  381. set: function (value) {
  382. this._setOption('legend', value);
  383. },
  384. enumerable: true,
  385. configurable: true
  386. });
  387. Object.defineProperty(DxPolarChartComponent.prototype, "loadingIndicator", {
  388. get: /**
  389. * Configures the loading indicator.
  390. */
  391. function () {
  392. return this._getOption('loadingIndicator');
  393. },
  394. set: function (value) {
  395. this._setOption('loadingIndicator', value);
  396. },
  397. enumerable: true,
  398. configurable: true
  399. });
  400. Object.defineProperty(DxPolarChartComponent.prototype, "margin", {
  401. get: /**
  402. * Generates space around the widget.
  403. */
  404. function () {
  405. return this._getOption('margin');
  406. },
  407. set: function (value) {
  408. this._setOption('margin', value);
  409. },
  410. enumerable: true,
  411. configurable: true
  412. });
  413. Object.defineProperty(DxPolarChartComponent.prototype, "negativesAsZeroes", {
  414. get: /**
  415. * Forces the widget to treat negative values as zeroes. Applies to stacked-like series only.
  416. */
  417. function () {
  418. return this._getOption('negativesAsZeroes');
  419. },
  420. set: function (value) {
  421. this._setOption('negativesAsZeroes', value);
  422. },
  423. enumerable: true,
  424. configurable: true
  425. });
  426. Object.defineProperty(DxPolarChartComponent.prototype, "palette", {
  427. get: /**
  428. * Sets the palette to be used for colorizing series and their elements.
  429. */
  430. function () {
  431. return this._getOption('palette');
  432. },
  433. set: function (value) {
  434. this._setOption('palette', value);
  435. },
  436. enumerable: true,
  437. configurable: true
  438. });
  439. Object.defineProperty(DxPolarChartComponent.prototype, "paletteExtensionMode", {
  440. get: /**
  441. * Specifies what to do with colors in the palette when their number is less than the number of series (in the Chart widget) or points in a series (in the PieChart widget).
  442. */
  443. function () {
  444. return this._getOption('paletteExtensionMode');
  445. },
  446. set: function (value) {
  447. this._setOption('paletteExtensionMode', value);
  448. },
  449. enumerable: true,
  450. configurable: true
  451. });
  452. Object.defineProperty(DxPolarChartComponent.prototype, "pathModified", {
  453. get: /**
  454. * Notifies the widget that it is embedded into an HTML page that uses a tag modifying the path.
  455. */
  456. function () {
  457. return this._getOption('pathModified');
  458. },
  459. set: function (value) {
  460. this._setOption('pathModified', value);
  461. },
  462. enumerable: true,
  463. configurable: true
  464. });
  465. Object.defineProperty(DxPolarChartComponent.prototype, "pointSelectionMode", {
  466. get: /**
  467. * Specifies whether a single point or multiple points can be selected in the chart.
  468. */
  469. function () {
  470. return this._getOption('pointSelectionMode');
  471. },
  472. set: function (value) {
  473. this._setOption('pointSelectionMode', value);
  474. },
  475. enumerable: true,
  476. configurable: true
  477. });
  478. Object.defineProperty(DxPolarChartComponent.prototype, "redrawOnResize", {
  479. get: /**
  480. * Specifies whether to redraw the widget when the size of the parent browser window changes or a mobile device rotates.
  481. */
  482. function () {
  483. return this._getOption('redrawOnResize');
  484. },
  485. set: function (value) {
  486. this._setOption('redrawOnResize', value);
  487. },
  488. enumerable: true,
  489. configurable: true
  490. });
  491. Object.defineProperty(DxPolarChartComponent.prototype, "resolveLabelOverlapping", {
  492. get: /**
  493. * Specifies how the chart must behave when series point labels overlap.
  494. */
  495. function () {
  496. return this._getOption('resolveLabelOverlapping');
  497. },
  498. set: function (value) {
  499. this._setOption('resolveLabelOverlapping', value);
  500. },
  501. enumerable: true,
  502. configurable: true
  503. });
  504. Object.defineProperty(DxPolarChartComponent.prototype, "rtlEnabled", {
  505. get: /**
  506. * Switches the widget to a right-to-left representation.
  507. */
  508. function () {
  509. return this._getOption('rtlEnabled');
  510. },
  511. set: function (value) {
  512. this._setOption('rtlEnabled', value);
  513. },
  514. enumerable: true,
  515. configurable: true
  516. });
  517. Object.defineProperty(DxPolarChartComponent.prototype, "series", {
  518. get: /**
  519. * Specifies options for PolarChart widget series.
  520. */
  521. function () {
  522. return this._getOption('series');
  523. },
  524. set: function (value) {
  525. this._setOption('series', value);
  526. },
  527. enumerable: true,
  528. configurable: true
  529. });
  530. Object.defineProperty(DxPolarChartComponent.prototype, "seriesSelectionMode", {
  531. get: /**
  532. * Specifies whether a single series or multiple series can be selected in the chart.
  533. */
  534. function () {
  535. return this._getOption('seriesSelectionMode');
  536. },
  537. set: function (value) {
  538. this._setOption('seriesSelectionMode', value);
  539. },
  540. enumerable: true,
  541. configurable: true
  542. });
  543. Object.defineProperty(DxPolarChartComponent.prototype, "seriesTemplate", {
  544. get: /**
  545. * Defines options for the series template.
  546. */
  547. function () {
  548. return this._getOption('seriesTemplate');
  549. },
  550. set: function (value) {
  551. this._setOption('seriesTemplate', value);
  552. },
  553. enumerable: true,
  554. configurable: true
  555. });
  556. Object.defineProperty(DxPolarChartComponent.prototype, "size", {
  557. get: /**
  558. * Specifies the widget's size in pixels.
  559. */
  560. function () {
  561. return this._getOption('size');
  562. },
  563. set: function (value) {
  564. this._setOption('size', value);
  565. },
  566. enumerable: true,
  567. configurable: true
  568. });
  569. Object.defineProperty(DxPolarChartComponent.prototype, "theme", {
  570. get: /**
  571. * Sets the name of the theme the widget uses.
  572. */
  573. function () {
  574. return this._getOption('theme');
  575. },
  576. set: function (value) {
  577. this._setOption('theme', value);
  578. },
  579. enumerable: true,
  580. configurable: true
  581. });
  582. Object.defineProperty(DxPolarChartComponent.prototype, "title", {
  583. get: /**
  584. * Configures the widget's title.
  585. */
  586. function () {
  587. return this._getOption('title');
  588. },
  589. set: function (value) {
  590. this._setOption('title', value);
  591. },
  592. enumerable: true,
  593. configurable: true
  594. });
  595. Object.defineProperty(DxPolarChartComponent.prototype, "tooltip", {
  596. get: /**
  597. * Configures tooltips.
  598. */
  599. function () {
  600. return this._getOption('tooltip');
  601. },
  602. set: function (value) {
  603. this._setOption('tooltip', value);
  604. },
  605. enumerable: true,
  606. configurable: true
  607. });
  608. Object.defineProperty(DxPolarChartComponent.prototype, "useSpiderWeb", {
  609. get: /**
  610. * Indicates whether or not to display a "spider web".
  611. */
  612. function () {
  613. return this._getOption('useSpiderWeb');
  614. },
  615. set: function (value) {
  616. this._setOption('useSpiderWeb', value);
  617. },
  618. enumerable: true,
  619. configurable: true
  620. });
  621. Object.defineProperty(DxPolarChartComponent.prototype, "valueAxis", {
  622. get: /**
  623. * Specifies value axis options for the PolarChart widget.
  624. */
  625. function () {
  626. return this._getOption('valueAxis');
  627. },
  628. set: function (value) {
  629. this._setOption('valueAxis', value);
  630. },
  631. enumerable: true,
  632. configurable: true
  633. });
  634. Object.defineProperty(DxPolarChartComponent.prototype, "seriesChildren", {
  635. get: function () {
  636. return this._getOption('series');
  637. },
  638. set: function (value) {
  639. this.setChildren('series', value);
  640. },
  641. enumerable: true,
  642. configurable: true
  643. });
  644. DxPolarChartComponent.prototype._createInstance = function (element, options) {
  645. return new polar_chart_1.default(element, options);
  646. };
  647. DxPolarChartComponent.prototype.ngOnDestroy = function () {
  648. this._destroyWidget();
  649. };
  650. DxPolarChartComponent.prototype.ngOnChanges = function (changes) {
  651. _super.prototype.ngOnChanges.call(this, changes);
  652. this.setupChanges('dataSource', changes);
  653. this.setupChanges('palette', changes);
  654. this.setupChanges('series', changes);
  655. };
  656. DxPolarChartComponent.prototype.setupChanges = function (prop, changes) {
  657. if (!(prop in this._optionsToUpdate)) {
  658. this._idh.setup(prop, changes);
  659. }
  660. };
  661. DxPolarChartComponent.prototype.ngDoCheck = function () {
  662. this._idh.doCheck('dataSource');
  663. this._idh.doCheck('palette');
  664. this._idh.doCheck('series');
  665. this._watcherHelper.checkWatchers();
  666. _super.prototype.ngDoCheck.call(this);
  667. _super.prototype.clearChangedOptions.call(this);
  668. };
  669. DxPolarChartComponent.prototype._setOption = function (name, value) {
  670. var isSetup = this._idh.setupSingle(name, value);
  671. var isChanged = this._idh.getChanges(name, value) !== null;
  672. if (isSetup || isChanged) {
  673. _super.prototype._setOption.call(this, name, value);
  674. }
  675. };
  676. DxPolarChartComponent.decorators = [
  677. { type: core_1.Component, args: [{
  678. selector: 'dx-polar-chart',
  679. template: '',
  680. styles: [' :host { display: block; }'],
  681. providers: [
  682. template_host_1.DxTemplateHost,
  683. watcher_helper_1.WatcherHelper,
  684. nested_option_1.NestedOptionHost,
  685. iterable_differ_helper_1.IterableDifferHelper
  686. ]
  687. },] },
  688. ];
  689. /** @nocollapse */
  690. DxPolarChartComponent.ctorParameters = function () { return [
  691. { type: core_1.ElementRef, },
  692. { type: core_1.NgZone, },
  693. { type: template_host_1.DxTemplateHost, },
  694. { type: watcher_helper_1.WatcherHelper, },
  695. { type: iterable_differ_helper_1.IterableDifferHelper, },
  696. { type: nested_option_1.NestedOptionHost, },
  697. { type: platform_browser_2.TransferState, },
  698. { type: undefined, decorators: [{ type: core_1.Inject, args: [core_1.PLATFORM_ID,] },] },
  699. ]; };
  700. DxPolarChartComponent.propDecorators = {
  701. "adaptiveLayout": [{ type: core_1.Input },],
  702. "animation": [{ type: core_1.Input },],
  703. "argumentAxis": [{ type: core_1.Input },],
  704. "barGroupPadding": [{ type: core_1.Input },],
  705. "barGroupWidth": [{ type: core_1.Input },],
  706. "barWidth": [{ type: core_1.Input },],
  707. "commonAxisSettings": [{ type: core_1.Input },],
  708. "commonSeriesSettings": [{ type: core_1.Input },],
  709. "containerBackgroundColor": [{ type: core_1.Input },],
  710. "customizeLabel": [{ type: core_1.Input },],
  711. "customizePoint": [{ type: core_1.Input },],
  712. "dataPrepareSettings": [{ type: core_1.Input },],
  713. "dataSource": [{ type: core_1.Input },],
  714. "disabled": [{ type: core_1.Input },],
  715. "elementAttr": [{ type: core_1.Input },],
  716. "equalBarWidth": [{ type: core_1.Input },],
  717. "export": [{ type: core_1.Input },],
  718. "legend": [{ type: core_1.Input },],
  719. "loadingIndicator": [{ type: core_1.Input },],
  720. "margin": [{ type: core_1.Input },],
  721. "negativesAsZeroes": [{ type: core_1.Input },],
  722. "palette": [{ type: core_1.Input },],
  723. "paletteExtensionMode": [{ type: core_1.Input },],
  724. "pathModified": [{ type: core_1.Input },],
  725. "pointSelectionMode": [{ type: core_1.Input },],
  726. "redrawOnResize": [{ type: core_1.Input },],
  727. "resolveLabelOverlapping": [{ type: core_1.Input },],
  728. "rtlEnabled": [{ type: core_1.Input },],
  729. "series": [{ type: core_1.Input },],
  730. "seriesSelectionMode": [{ type: core_1.Input },],
  731. "seriesTemplate": [{ type: core_1.Input },],
  732. "size": [{ type: core_1.Input },],
  733. "theme": [{ type: core_1.Input },],
  734. "title": [{ type: core_1.Input },],
  735. "tooltip": [{ type: core_1.Input },],
  736. "useSpiderWeb": [{ type: core_1.Input },],
  737. "valueAxis": [{ type: core_1.Input },],
  738. "onArgumentAxisClick": [{ type: core_1.Output },],
  739. "onDisposing": [{ type: core_1.Output },],
  740. "onDone": [{ type: core_1.Output },],
  741. "onDrawn": [{ type: core_1.Output },],
  742. "onExported": [{ type: core_1.Output },],
  743. "onExporting": [{ type: core_1.Output },],
  744. "onFileSaving": [{ type: core_1.Output },],
  745. "onIncidentOccurred": [{ type: core_1.Output },],
  746. "onInitialized": [{ type: core_1.Output },],
  747. "onLegendClick": [{ type: core_1.Output },],
  748. "onOptionChanged": [{ type: core_1.Output },],
  749. "onPointClick": [{ type: core_1.Output },],
  750. "onPointHoverChanged": [{ type: core_1.Output },],
  751. "onPointSelectionChanged": [{ type: core_1.Output },],
  752. "onSeriesClick": [{ type: core_1.Output },],
  753. "onSeriesHoverChanged": [{ type: core_1.Output },],
  754. "onSeriesSelectionChanged": [{ type: core_1.Output },],
  755. "onTooltipHidden": [{ type: core_1.Output },],
  756. "onTooltipShown": [{ type: core_1.Output },],
  757. "adaptiveLayoutChange": [{ type: core_1.Output },],
  758. "animationChange": [{ type: core_1.Output },],
  759. "argumentAxisChange": [{ type: core_1.Output },],
  760. "barGroupPaddingChange": [{ type: core_1.Output },],
  761. "barGroupWidthChange": [{ type: core_1.Output },],
  762. "barWidthChange": [{ type: core_1.Output },],
  763. "commonAxisSettingsChange": [{ type: core_1.Output },],
  764. "commonSeriesSettingsChange": [{ type: core_1.Output },],
  765. "containerBackgroundColorChange": [{ type: core_1.Output },],
  766. "customizeLabelChange": [{ type: core_1.Output },],
  767. "customizePointChange": [{ type: core_1.Output },],
  768. "dataPrepareSettingsChange": [{ type: core_1.Output },],
  769. "dataSourceChange": [{ type: core_1.Output },],
  770. "disabledChange": [{ type: core_1.Output },],
  771. "elementAttrChange": [{ type: core_1.Output },],
  772. "equalBarWidthChange": [{ type: core_1.Output },],
  773. "exportChange": [{ type: core_1.Output },],
  774. "legendChange": [{ type: core_1.Output },],
  775. "loadingIndicatorChange": [{ type: core_1.Output },],
  776. "marginChange": [{ type: core_1.Output },],
  777. "negativesAsZeroesChange": [{ type: core_1.Output },],
  778. "paletteChange": [{ type: core_1.Output },],
  779. "paletteExtensionModeChange": [{ type: core_1.Output },],
  780. "pathModifiedChange": [{ type: core_1.Output },],
  781. "pointSelectionModeChange": [{ type: core_1.Output },],
  782. "redrawOnResizeChange": [{ type: core_1.Output },],
  783. "resolveLabelOverlappingChange": [{ type: core_1.Output },],
  784. "rtlEnabledChange": [{ type: core_1.Output },],
  785. "seriesChange": [{ type: core_1.Output },],
  786. "seriesSelectionModeChange": [{ type: core_1.Output },],
  787. "seriesTemplateChange": [{ type: core_1.Output },],
  788. "sizeChange": [{ type: core_1.Output },],
  789. "themeChange": [{ type: core_1.Output },],
  790. "titleChange": [{ type: core_1.Output },],
  791. "tooltipChange": [{ type: core_1.Output },],
  792. "useSpiderWebChange": [{ type: core_1.Output },],
  793. "valueAxisChange": [{ type: core_1.Output },],
  794. "seriesChildren": [{ type: core_1.ContentChildren, args: [series_dxi_2.DxiSeriesComponent,] },],
  795. };
  796. return DxPolarChartComponent;
  797. }(component_1.DxComponent));
  798. exports.DxPolarChartComponent = DxPolarChartComponent;
  799. var DxPolarChartModule = (function () {
  800. function DxPolarChartModule() {
  801. }
  802. DxPolarChartModule.decorators = [
  803. { type: core_1.NgModule, args: [{
  804. imports: [
  805. adaptive_layout_1.DxoAdaptiveLayoutModule,
  806. animation_1.DxoAnimationModule,
  807. argument_axis_1.DxoArgumentAxisModule,
  808. constant_line_dxi_1.DxiConstantLineModule,
  809. label_1.DxoLabelModule,
  810. font_1.DxoFontModule,
  811. constant_line_style_1.DxoConstantLineStyleModule,
  812. grid_1.DxoGridModule,
  813. format_1.DxoFormatModule,
  814. minor_grid_1.DxoMinorGridModule,
  815. minor_tick_1.DxoMinorTickModule,
  816. minor_tick_interval_1.DxoMinorTickIntervalModule,
  817. strip_dxi_1.DxiStripModule,
  818. strip_style_1.DxoStripStyleModule,
  819. tick_1.DxoTickModule,
  820. tick_interval_1.DxoTickIntervalModule,
  821. common_axis_settings_1.DxoCommonAxisSettingsModule,
  822. common_series_settings_1.DxoCommonSeriesSettingsModule,
  823. area_1.DxoAreaModule,
  824. border_1.DxoBorderModule,
  825. hover_style_1.DxoHoverStyleModule,
  826. hatching_1.DxoHatchingModule,
  827. connector_1.DxoConnectorModule,
  828. point_1.DxoPointModule,
  829. image_1.DxoImageModule,
  830. selection_style_1.DxoSelectionStyleModule,
  831. value_error_bar_1.DxoValueErrorBarModule,
  832. bar_1.DxoBarModule,
  833. argument_format_1.DxoArgumentFormatModule,
  834. line_1.DxoLineModule,
  835. scatter_1.DxoScatterModule,
  836. stackedbar_1.DxoStackedbarModule,
  837. data_prepare_settings_1.DxoDataPrepareSettingsModule,
  838. export_1.DxoExportModule,
  839. legend_1.DxoLegendModule,
  840. margin_1.DxoMarginModule,
  841. title_1.DxoTitleModule,
  842. subtitle_1.DxoSubtitleModule,
  843. loading_indicator_1.DxoLoadingIndicatorModule,
  844. series_dxi_1.DxiSeriesModule,
  845. series_template_1.DxoSeriesTemplateModule,
  846. size_1.DxoSizeModule,
  847. tooltip_1.DxoTooltipModule,
  848. shadow_1.DxoShadowModule,
  849. value_axis_1.DxoValueAxisModule,
  850. integration_1.DxIntegrationModule,
  851. template_1.DxTemplateModule,
  852. platform_browser_1.BrowserTransferStateModule
  853. ],
  854. declarations: [
  855. DxPolarChartComponent
  856. ],
  857. exports: [
  858. DxPolarChartComponent,
  859. adaptive_layout_1.DxoAdaptiveLayoutModule,
  860. animation_1.DxoAnimationModule,
  861. argument_axis_1.DxoArgumentAxisModule,
  862. constant_line_dxi_1.DxiConstantLineModule,
  863. label_1.DxoLabelModule,
  864. font_1.DxoFontModule,
  865. constant_line_style_1.DxoConstantLineStyleModule,
  866. grid_1.DxoGridModule,
  867. format_1.DxoFormatModule,
  868. minor_grid_1.DxoMinorGridModule,
  869. minor_tick_1.DxoMinorTickModule,
  870. minor_tick_interval_1.DxoMinorTickIntervalModule,
  871. strip_dxi_1.DxiStripModule,
  872. strip_style_1.DxoStripStyleModule,
  873. tick_1.DxoTickModule,
  874. tick_interval_1.DxoTickIntervalModule,
  875. common_axis_settings_1.DxoCommonAxisSettingsModule,
  876. common_series_settings_1.DxoCommonSeriesSettingsModule,
  877. area_1.DxoAreaModule,
  878. border_1.DxoBorderModule,
  879. hover_style_1.DxoHoverStyleModule,
  880. hatching_1.DxoHatchingModule,
  881. connector_1.DxoConnectorModule,
  882. point_1.DxoPointModule,
  883. image_1.DxoImageModule,
  884. selection_style_1.DxoSelectionStyleModule,
  885. value_error_bar_1.DxoValueErrorBarModule,
  886. bar_1.DxoBarModule,
  887. argument_format_1.DxoArgumentFormatModule,
  888. line_1.DxoLineModule,
  889. scatter_1.DxoScatterModule,
  890. stackedbar_1.DxoStackedbarModule,
  891. data_prepare_settings_1.DxoDataPrepareSettingsModule,
  892. export_1.DxoExportModule,
  893. legend_1.DxoLegendModule,
  894. margin_1.DxoMarginModule,
  895. title_1.DxoTitleModule,
  896. subtitle_1.DxoSubtitleModule,
  897. loading_indicator_1.DxoLoadingIndicatorModule,
  898. series_dxi_1.DxiSeriesModule,
  899. series_template_1.DxoSeriesTemplateModule,
  900. size_1.DxoSizeModule,
  901. tooltip_1.DxoTooltipModule,
  902. shadow_1.DxoShadowModule,
  903. value_axis_1.DxoValueAxisModule,
  904. template_1.DxTemplateModule
  905. ]
  906. },] },
  907. ];
  908. return DxPolarChartModule;
  909. }());
  910. exports.DxPolarChartModule = DxPolarChartModule;
  911. //# sourceMappingURL=polar-chart.js.map