chart.d.ts 60 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697989910010110210310410510610710810911011111211311411511611711811912012112212312412512612712812913013113213313413513613713813914014114214314414514614714814915015115215315415515615715815916016116216316416516616716816917017117217317417517617717817918018118218318418518618718818919019119219319419519619719819920020120220320420520620720820921021121221321421521621721821922022122222322422522622722822923023123223323423523623723823924024124224324424524624724824925025125225325425525625725825926026126226326426526626726826927027127227327427527627727827928028128228328428528628728828929029129229329429529629729829930030130230330430530630730830931031131231331431531631731831932032132232332432532632732832933033133233333433533633733833934034134234334434534634734834935035135235335435535635735835936036136236336436536636736836937037137237337437537637737837938038138238338438538638738838939039139239339439539639739839940040140240340440540640740840941041141241341441541641741841942042142242342442542642742842943043143243343443543643743843944044144244344444544644744844945045145245345445545645745845946046146246346446546646746846947047147247347447547647747847948048148248348448548648748848949049149249349449549649749849950050150250350450550650750850951051151251351451551651751851952052152252352452552652752852953053153253353453553653753853954054154254354454554654754854955055155255355455555655755855956056156256356456556656756856957057157257357457557657757857958058158258358458558658758858959059159259359459559659759859960060160260360460560660760860961061161261361461561661761861962062162262362462562662762862963063163263363463563663763863964064164264364464564664764864965065165265365465565665765865966066166266366466566666766866967067167267367467567667767867968068168268368468568668768868969069169269369469569669769869970070170270370470570670770870971071171271371471571671771871972072172272372472572672772872973073173273373473573673773873974074174274374474574674774874975075175275375475575675775875976076176276376476576676776876977077177277377477577677777877978078178278378478578678778878979079179279379479579679779879980080180280380480580680780880981081181281381481581681781881982082182282382482582682782882983083183283383483583683783883984084184284384484584684784884985085185285385485585685785885986086186286386486586686786886987087187287387487587687787887988088188288388488588688788888989089189289389489589689789889990090190290390490590690790890991091191291391491591691791891992092192292392492592692792892993093193293393493593693793893994094194294394494594694794894995095195295395495595695795895996096196296396496596696796896997097197297397497597697797897998098198298398498598698798898999099199299399499599699799899910001001100210031004100510061007100810091010101110121013101410151016101710181019102010211022102310241025102610271028102910301031103210331034103510361037103810391040104110421043104410451046104710481049105010511052105310541055105610571058105910601061106210631064106510661067106810691070107110721073107410751076107710781079108010811082108310841085108610871088108910901091109210931094109510961097109810991100110111021103110411051106110711081109111011111112111311141115111611171118111911201121112211231124112511261127112811291130113111321133113411351136113711381139114011411142114311441145114611471148114911501151115211531154115511561157115811591160116111621163116411651166116711681169117011711172117311741175117611771178117911801181118211831184118511861187118811891190119111921193119411951196119711981199120012011202120312041205120612071208120912101211121212131214121512161217121812191220122112221223122412251226122712281229123012311232123312341235123612371238123912401241124212431244124512461247124812491250125112521253125412551256125712581259126012611262126312641265126612671268126912701271127212731274127512761277127812791280128112821283128412851286128712881289129012911292129312941295129612971298129913001301130213031304130513061307130813091310131113121313131413151316131713181319132013211322132313241325132613271328132913301331133213331334133513361337133813391340134113421343134413451346134713481349135013511352135313541355135613571358135913601361136213631364136513661367136813691370137113721373137413751376137713781379138013811382138313841385138613871388138913901391139213931394139513961397139813991400140114021403140414051406140714081409141014111412141314141415141614171418141914201421142214231424142514261427142814291430143114321433143414351436143714381439144014411442144314441445144614471448144914501451145214531454145514561457145814591460146114621463146414651466146714681469147014711472147314741475147614771478147914801481148214831484148514861487148814891490149114921493149414951496149714981499150015011502150315041505150615071508150915101511151215131514151515161517151815191520152115221523152415251526152715281529153015311532153315341535153615371538153915401541154215431544154515461547154815491550155115521553155415551556155715581559156015611562156315641565156615671568156915701571157215731574157515761577157815791580158115821583158415851586158715881589159015911592159315941595159615971598159916001601160216031604160516061607160816091610161116121613161416151616161716181619162016211622162316241625162616271628162916301631163216331634163516361637163816391640164116421643164416451646164716481649165016511652165316541655165616571658165916601661166216631664166516661667166816691670167116721673167416751676167716781679168016811682168316841685168616871688168916901691169216931694169516961697169816991700170117021703170417051706170717081709171017111712171317141715171617171718171917201721172217231724172517261727172817291730173117321733173417351736173717381739174017411742174317441745174617471748174917501751175217531754175517561757175817591760176117621763176417651766176717681769177017711772177317741775177617771778177917801781178217831784178517861787178817891790179117921793179417951796179717981799180018011802180318041805180618071808180918101811181218131814181518161817181818191820182118221823182418251826182718281829183018311832183318341835183618371838183918401841184218431844184518461847184818491850185118521853185418551856185718581859186018611862186318641865186618671868186918701871187218731874187518761877187818791880188118821883188418851886188718881889189018911892189318941895189618971898189919001901190219031904190519061907190819091910191119121913191419151916191719181919192019211922
  1. /*!
  2. * devextreme-angular
  3. * Version: 19.1.16
  4. * Build date: Tue Oct 18 2022
  5. *
  6. * Copyright (c) 2012 - 2022 Developer Express Inc. ALL RIGHTS RESERVED
  7. *
  8. * This software may be modified and distributed under the terms
  9. * of the MIT license. See the LICENSE file in the root of the project for details.
  10. *
  11. * https://github.com/DevExpress/devextreme-angular
  12. */
  13. import { TransferState } from '@angular/platform-browser';
  14. import { ElementRef, NgZone, OnDestroy, EventEmitter, OnChanges, DoCheck, SimpleChanges, QueryList } from '@angular/core';
  15. import DevExpress from 'devextreme/bundles/dx.all';
  16. import DxChart from 'devextreme/viz/chart';
  17. import { DxComponent } from '../core/component';
  18. import { DxTemplateHost } from '../core/template-host';
  19. import { NestedOptionHost } from '../core/nested-option';
  20. import { WatcherHelper } from '../core/watcher-helper';
  21. import { IterableDifferHelper } from '../core/iterable-differ-helper';
  22. import { DxiAnnotationComponent } from './nested/annotation-dxi';
  23. import { DxiPaneComponent } from './nested/pane-dxi';
  24. import { DxiSeriesComponent } from './nested/series-dxi';
  25. import { DxiValueAxisComponent } from './nested/value-axis-dxi';
  26. /**
  27. * The Chart is a widget that visualizes data from a local or remote storage using a great variety of series types along with different interactive elements, such as tooltips, crosshair pointer, legend, etc.
  28. */
  29. export declare class DxChartComponent extends DxComponent implements OnDestroy, OnChanges, DoCheck {
  30. private _watcherHelper;
  31. private _idh;
  32. instance: DxChart;
  33. /**
  34. * Specifies adaptive layout options.
  35. */
  36. adaptiveLayout: {
  37. height?: number;
  38. keepLabels?: boolean;
  39. width?: number;
  40. };
  41. /**
  42. * Specifies whether to adjust the value axis's visualRange when the argument axis is being zoomed or panned.
  43. */
  44. adjustOnZoom: boolean;
  45. /**
  46. * Specifies animation options.
  47. */
  48. animation: boolean | {
  49. duration?: number;
  50. easing?: string;
  51. enabled?: boolean;
  52. maxPointCountSupported?: number;
  53. };
  54. /**
  55. * Specifies the annotation collection.
  56. */
  57. annotations: Array<DevExpress.viz.dxChartAnnotationConfig | any>;
  58. /**
  59. * Configures the argument axis.
  60. */
  61. argumentAxis: {
  62. aggregationGroupWidth?: number;
  63. aggregationInterval?: number | string | {
  64. days?: number;
  65. hours?: number;
  66. milliseconds?: number;
  67. minutes?: number;
  68. months?: number;
  69. quarters?: number;
  70. seconds?: number;
  71. weeks?: number;
  72. years?: number;
  73. };
  74. allowDecimals?: boolean;
  75. argumentType?: string;
  76. axisDivisionFactor?: number;
  77. breaks?: Array<DevExpress.viz.ScaleBreak>;
  78. breakStyle?: {
  79. color?: string;
  80. line?: string;
  81. width?: number;
  82. };
  83. categories?: Array<number | string | Date>;
  84. color?: string;
  85. constantLines?: Array<any | {
  86. color?: string;
  87. dashStyle?: string;
  88. displayBehindSeries?: boolean;
  89. extendAxis?: boolean;
  90. label?: {
  91. font?: DevExpress.viz.Font;
  92. horizontalAlignment?: string;
  93. position?: string;
  94. text?: string;
  95. verticalAlignment?: string;
  96. visible?: boolean;
  97. };
  98. paddingLeftRight?: number;
  99. paddingTopBottom?: number;
  100. value?: Date | number | string;
  101. width?: number;
  102. }>;
  103. constantLineStyle?: {
  104. color?: string;
  105. dashStyle?: string;
  106. label?: {
  107. font?: DevExpress.viz.Font;
  108. horizontalAlignment?: string;
  109. position?: string;
  110. verticalAlignment?: string;
  111. visible?: boolean;
  112. };
  113. paddingLeftRight?: number;
  114. paddingTopBottom?: number;
  115. width?: number;
  116. };
  117. discreteAxisDivisionMode?: string;
  118. endOnTick?: boolean;
  119. grid?: {
  120. color?: string;
  121. opacity?: number;
  122. visible?: boolean;
  123. width?: number;
  124. };
  125. holidays?: Array<Date | string | number>;
  126. hoverMode?: string;
  127. inverted?: boolean;
  128. label?: {
  129. alignment?: string;
  130. customizeHint?: Function;
  131. customizeText?: Function;
  132. displayMode?: string;
  133. font?: DevExpress.viz.Font;
  134. format?: DevExpress.ui.format | string;
  135. indentFromAxis?: number;
  136. overlappingBehavior?: string;
  137. rotationAngle?: number;
  138. staggeringSpacing?: number;
  139. textOverflow?: string;
  140. visible?: boolean;
  141. wordWrap?: string;
  142. };
  143. logarithmBase?: number;
  144. max?: Date | number | string;
  145. maxValueMargin?: number;
  146. min?: Date | number | string;
  147. minorGrid?: {
  148. color?: string;
  149. opacity?: number;
  150. visible?: boolean;
  151. width?: number;
  152. };
  153. minorTick?: {
  154. color?: string;
  155. length?: number;
  156. opacity?: number;
  157. shift?: number;
  158. visible?: boolean;
  159. width?: number;
  160. };
  161. minorTickCount?: number;
  162. minorTickInterval?: number | string | {
  163. days?: number;
  164. hours?: number;
  165. milliseconds?: number;
  166. minutes?: number;
  167. months?: number;
  168. quarters?: number;
  169. seconds?: number;
  170. weeks?: number;
  171. years?: number;
  172. };
  173. minValueMargin?: number;
  174. minVisualRangeLength?: number | string | {
  175. days?: number;
  176. hours?: number;
  177. milliseconds?: number;
  178. minutes?: number;
  179. months?: number;
  180. quarters?: number;
  181. seconds?: number;
  182. weeks?: number;
  183. years?: number;
  184. };
  185. opacity?: number;
  186. placeholderSize?: number;
  187. position?: string;
  188. singleWorkdays?: Array<Date | string | number>;
  189. strips?: Array<any | {
  190. color?: string;
  191. endValue?: Date | number | string;
  192. label?: {
  193. font?: DevExpress.viz.Font;
  194. horizontalAlignment?: string;
  195. text?: string;
  196. verticalAlignment?: string;
  197. };
  198. paddingLeftRight?: number;
  199. paddingTopBottom?: number;
  200. startValue?: Date | number | string;
  201. }>;
  202. stripStyle?: {
  203. label?: {
  204. font?: DevExpress.viz.Font;
  205. horizontalAlignment?: string;
  206. verticalAlignment?: string;
  207. };
  208. paddingLeftRight?: number;
  209. paddingTopBottom?: number;
  210. };
  211. tick?: {
  212. color?: string;
  213. length?: number;
  214. opacity?: number;
  215. shift?: number;
  216. visible?: boolean;
  217. width?: number;
  218. };
  219. tickInterval?: number | string | {
  220. days?: number;
  221. hours?: number;
  222. milliseconds?: number;
  223. minutes?: number;
  224. months?: number;
  225. quarters?: number;
  226. seconds?: number;
  227. weeks?: number;
  228. years?: number;
  229. };
  230. title?: string | {
  231. alignment?: string;
  232. font?: DevExpress.viz.Font;
  233. margin?: number;
  234. text?: string;
  235. textOverflow?: string;
  236. wordWrap?: string;
  237. };
  238. type?: string;
  239. valueMarginsEnabled?: boolean;
  240. visible?: boolean;
  241. visualRange?: DevExpress.viz.VizRange | Array<number | string | Date>;
  242. visualRangeUpdateMode?: string;
  243. wholeRange?: DevExpress.viz.VizRange | Array<number | string | Date>;
  244. width?: number;
  245. workdaysOnly?: boolean;
  246. workWeek?: Array<number>;
  247. };
  248. /**
  249. * Specifies whether to hide series point markers automatically to reduce visual clutter.
  250. */
  251. autoHidePointMarkers: boolean;
  252. /**
  253. * Controls the padding and consequently the width of a group of bars with the same argument using relative units. Ignored if the barGroupWidth option is set.
  254. */
  255. barGroupPadding: number;
  256. /**
  257. * Specifies a fixed width for groups of bars with the same argument, measured in pixels. Takes precedence over the barGroupPadding option.
  258. */
  259. barGroupWidth: number;
  260. /**
  261. * Use CommonSeries.barPadding instead.
  262. */
  263. barWidth: number;
  264. /**
  265. * Specifies settings common for all annotations in the chart.
  266. */
  267. commonAnnotationSettings: DevExpress.viz.dxChartCommonAnnotationConfig;
  268. /**
  269. * Defines common settings for both the argument and value axis in a chart.
  270. */
  271. commonAxisSettings: {
  272. allowDecimals?: boolean;
  273. breakStyle?: {
  274. color?: string;
  275. line?: string;
  276. width?: number;
  277. };
  278. color?: string;
  279. constantLineStyle?: {
  280. color?: string;
  281. dashStyle?: string;
  282. label?: {
  283. font?: DevExpress.viz.Font;
  284. position?: string;
  285. visible?: boolean;
  286. };
  287. paddingLeftRight?: number;
  288. paddingTopBottom?: number;
  289. width?: number;
  290. };
  291. discreteAxisDivisionMode?: string;
  292. endOnTick?: boolean;
  293. grid?: {
  294. color?: string;
  295. opacity?: number;
  296. visible?: boolean;
  297. width?: number;
  298. };
  299. inverted?: boolean;
  300. label?: {
  301. alignment?: string;
  302. displayMode?: string;
  303. font?: DevExpress.viz.Font;
  304. indentFromAxis?: number;
  305. overlappingBehavior?: string;
  306. rotationAngle?: number;
  307. staggeringSpacing?: number;
  308. textOverflow?: string;
  309. visible?: boolean;
  310. wordWrap?: string;
  311. };
  312. maxValueMargin?: number;
  313. minorGrid?: {
  314. color?: string;
  315. opacity?: number;
  316. visible?: boolean;
  317. width?: number;
  318. };
  319. minorTick?: {
  320. color?: string;
  321. length?: number;
  322. opacity?: number;
  323. shift?: number;
  324. visible?: boolean;
  325. width?: number;
  326. };
  327. minValueMargin?: number;
  328. opacity?: number;
  329. placeholderSize?: number;
  330. stripStyle?: {
  331. label?: {
  332. font?: DevExpress.viz.Font;
  333. horizontalAlignment?: string;
  334. verticalAlignment?: string;
  335. };
  336. paddingLeftRight?: number;
  337. paddingTopBottom?: number;
  338. };
  339. tick?: {
  340. color?: string;
  341. length?: number;
  342. opacity?: number;
  343. shift?: number;
  344. visible?: boolean;
  345. width?: number;
  346. };
  347. title?: {
  348. alignment?: string;
  349. font?: DevExpress.viz.Font;
  350. margin?: number;
  351. textOverflow?: string;
  352. wordWrap?: string;
  353. };
  354. valueMarginsEnabled?: boolean;
  355. visible?: boolean;
  356. width?: number;
  357. };
  358. /**
  359. * Defines common settings for all panes in a chart.
  360. */
  361. commonPaneSettings: {
  362. backgroundColor?: string;
  363. border?: {
  364. bottom?: boolean;
  365. color?: string;
  366. dashStyle?: string;
  367. left?: boolean;
  368. opacity?: number;
  369. right?: boolean;
  370. top?: boolean;
  371. visible?: boolean;
  372. width?: number;
  373. };
  374. };
  375. /**
  376. * Specifies settings common for all series in the chart.
  377. */
  378. commonSeriesSettings: any;
  379. /**
  380. * Colors the background of the chart container.
  381. */
  382. containerBackgroundColor: string;
  383. /**
  384. * Configures the crosshair feature.
  385. */
  386. crosshair: {
  387. color?: string;
  388. dashStyle?: string;
  389. enabled?: boolean;
  390. horizontalLine?: boolean | {
  391. color?: string;
  392. dashStyle?: string;
  393. label?: {
  394. backgroundColor?: string;
  395. customizeText?: Function;
  396. font?: DevExpress.viz.Font;
  397. format?: DevExpress.ui.format | string;
  398. visible?: boolean;
  399. };
  400. opacity?: number;
  401. visible?: boolean;
  402. width?: number;
  403. };
  404. label?: {
  405. backgroundColor?: string;
  406. customizeText?: Function;
  407. font?: DevExpress.viz.Font;
  408. format?: DevExpress.ui.format | string;
  409. visible?: boolean;
  410. };
  411. opacity?: number;
  412. verticalLine?: boolean | {
  413. color?: string;
  414. dashStyle?: string;
  415. label?: {
  416. backgroundColor?: string;
  417. customizeText?: Function;
  418. font?: DevExpress.viz.Font;
  419. format?: DevExpress.ui.format | string;
  420. visible?: boolean;
  421. };
  422. opacity?: number;
  423. visible?: boolean;
  424. width?: number;
  425. };
  426. width?: number;
  427. };
  428. /**
  429. * Customizes an individual annotation.
  430. */
  431. customizeAnnotation: Function;
  432. /**
  433. * Customizes the appearance of an individual point label.
  434. */
  435. customizeLabel: Function;
  436. /**
  437. * Customizes the appearance of an individual series point.
  438. */
  439. customizePoint: Function;
  440. /**
  441. * Processes data before visualizing it.
  442. */
  443. dataPrepareSettings: {
  444. checkTypeForAllData?: boolean;
  445. convertToAxisDataType?: boolean;
  446. sortingMethod?: boolean | Function;
  447. };
  448. /**
  449. * Binds the widget to data.
  450. */
  451. dataSource: DevExpress.data.DataSource | DevExpress.data.DataSourceOptions | string | Array<any>;
  452. /**
  453. * Specifies which pane should be used by default.
  454. */
  455. defaultPane: string;
  456. /**
  457. * Specifies whether the widget responds to the user interaction.
  458. */
  459. disabled: boolean;
  460. /**
  461. * Specifies the attributes to be attached to the widget's root element.
  462. */
  463. elementAttr: any;
  464. /**
  465. * Use CommonSeries.ignoreEmptyPoints instead.
  466. */
  467. equalBarWidth: boolean;
  468. /**
  469. * Configures the exporting and printing features.
  470. */
  471. export: {
  472. backgroundColor?: string;
  473. enabled?: boolean;
  474. fileName?: string;
  475. formats?: Array<string>;
  476. margin?: number;
  477. printingEnabled?: boolean;
  478. proxyUrl?: string;
  479. };
  480. /**
  481. * Specifies the options of a chart's legend.
  482. */
  483. legend: {
  484. backgroundColor?: string;
  485. border?: {
  486. color?: string;
  487. cornerRadius?: number;
  488. dashStyle?: string;
  489. opacity?: number;
  490. visible?: boolean;
  491. width?: number;
  492. };
  493. columnCount?: number;
  494. columnItemSpacing?: number;
  495. customizeHint?: Function;
  496. customizeItems?: Function;
  497. customizeText?: Function;
  498. font?: DevExpress.viz.Font;
  499. horizontalAlignment?: string;
  500. hoverMode?: string;
  501. itemsAlignment?: string;
  502. itemTextPosition?: string;
  503. margin?: number | {
  504. bottom?: number;
  505. left?: number;
  506. right?: number;
  507. top?: number;
  508. };
  509. markerSize?: number;
  510. orientation?: string;
  511. paddingLeftRight?: number;
  512. paddingTopBottom?: number;
  513. position?: string;
  514. rowCount?: number;
  515. rowItemSpacing?: number;
  516. title?: string | {
  517. font?: DevExpress.viz.Font;
  518. horizontalAlignment?: string;
  519. margin?: {
  520. bottom?: number;
  521. left?: number;
  522. right?: number;
  523. top?: number;
  524. };
  525. placeholderSize?: number;
  526. subtitle?: string | {
  527. font?: DevExpress.viz.Font;
  528. offset?: number;
  529. text?: string;
  530. };
  531. text?: string;
  532. verticalAlignment?: string;
  533. };
  534. verticalAlignment?: string;
  535. visible?: boolean;
  536. };
  537. /**
  538. * Configures the loading indicator.
  539. */
  540. loadingIndicator: {
  541. backgroundColor?: string;
  542. enabled?: boolean;
  543. font?: DevExpress.viz.Font;
  544. show?: boolean;
  545. text?: string;
  546. };
  547. /**
  548. * Generates space around the widget.
  549. */
  550. margin: {
  551. bottom?: number;
  552. left?: number;
  553. right?: number;
  554. top?: number;
  555. };
  556. /**
  557. * Specifies a coefficient determining the diameter of the largest bubble.
  558. */
  559. maxBubbleSize: number;
  560. /**
  561. * Specifies the diameter of the smallest bubble measured in pixels.
  562. */
  563. minBubbleSize: number;
  564. /**
  565. * Forces the widget to treat negative values as zeroes. Applies to stacked-like series only.
  566. */
  567. negativesAsZeroes: boolean;
  568. /**
  569. * Sets the palette to be used for colorizing series and their elements.
  570. */
  571. palette: string | Array<string>;
  572. /**
  573. * 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).
  574. */
  575. paletteExtensionMode: string;
  576. /**
  577. * Declares a collection of panes.
  578. */
  579. panes: Array<any | {
  580. backgroundColor?: string;
  581. border?: {
  582. bottom?: boolean;
  583. color?: string;
  584. dashStyle?: string;
  585. left?: boolean;
  586. opacity?: number;
  587. right?: boolean;
  588. top?: boolean;
  589. visible?: boolean;
  590. width?: number;
  591. };
  592. name?: string;
  593. }>;
  594. /**
  595. * Notifies the widget that it is embedded into an HTML page that uses a tag modifying the path.
  596. */
  597. pathModified: boolean;
  598. /**
  599. * Specifies whether a single point or multiple points can be selected in the chart.
  600. */
  601. pointSelectionMode: string;
  602. /**
  603. * Specifies whether to redraw the widget when the size of the parent browser window changes or a mobile device rotates.
  604. */
  605. redrawOnResize: boolean;
  606. /**
  607. * Specifies how the chart must behave when series point labels overlap.
  608. */
  609. resolveLabelOverlapping: string;
  610. /**
  611. * Swaps the axes around making the value axis horizontal and the argument axis vertical.
  612. */
  613. rotated: boolean;
  614. /**
  615. * Switches the widget to a right-to-left representation.
  616. */
  617. rtlEnabled: boolean;
  618. /**
  619. * Specifies the settings of the scroll bar.
  620. */
  621. scrollBar: {
  622. color?: string;
  623. offset?: number;
  624. opacity?: number;
  625. position?: string;
  626. visible?: boolean;
  627. width?: number;
  628. };
  629. /**
  630. * Use the zoomAndPan option instead.
  631. */
  632. scrollingMode: string;
  633. /**
  634. * Specifies options for Chart widget series.
  635. */
  636. series: any | Array<any>;
  637. /**
  638. * Specifies whether a single series or multiple series can be selected in the chart.
  639. */
  640. seriesSelectionMode: string;
  641. /**
  642. * Defines options for the series template.
  643. */
  644. seriesTemplate: {
  645. customizeSeries?: Function;
  646. nameField?: string;
  647. };
  648. /**
  649. * Specifies the widget's size in pixels.
  650. */
  651. size: {
  652. height?: number;
  653. width?: number;
  654. };
  655. /**
  656. * Specifies whether a point should remain in the hover state when the mouse pointer moves away.
  657. */
  658. stickyHovering: boolean;
  659. /**
  660. * Indicates whether or not to synchronize value axes when they are displayed on a single pane.
  661. */
  662. synchronizeMultiAxes: boolean;
  663. /**
  664. * Sets the name of the theme the widget uses.
  665. */
  666. theme: string;
  667. /**
  668. * Configures the widget's title.
  669. */
  670. title: string | {
  671. font?: DevExpress.viz.Font;
  672. horizontalAlignment?: string;
  673. margin?: number | {
  674. bottom?: number;
  675. left?: number;
  676. right?: number;
  677. top?: number;
  678. };
  679. placeholderSize?: number;
  680. subtitle?: string | {
  681. font?: DevExpress.viz.Font;
  682. offset?: number;
  683. text?: string;
  684. textOverflow?: string;
  685. wordWrap?: string;
  686. };
  687. text?: string;
  688. textOverflow?: string;
  689. verticalAlignment?: string;
  690. wordWrap?: string;
  691. };
  692. /**
  693. * Configures tooltips.
  694. */
  695. tooltip: {
  696. argumentFormat?: DevExpress.ui.format | string;
  697. arrowLength?: number;
  698. border?: {
  699. color?: string;
  700. dashStyle?: string;
  701. opacity?: number;
  702. visible?: boolean;
  703. width?: number;
  704. };
  705. color?: string;
  706. container?: Element | JQuery;
  707. cornerRadius?: number;
  708. customizeTooltip?: Function;
  709. enabled?: boolean;
  710. font?: DevExpress.viz.Font;
  711. format?: DevExpress.ui.format | string;
  712. location?: string;
  713. opacity?: number;
  714. paddingLeftRight?: number;
  715. paddingTopBottom?: number;
  716. shadow?: {
  717. blur?: number;
  718. color?: string;
  719. offsetX?: number;
  720. offsetY?: number;
  721. opacity?: number;
  722. };
  723. shared?: boolean;
  724. zIndex?: number;
  725. };
  726. /**
  727. * Use CommonSeries.aggregation.enabled instead.
  728. */
  729. useAggregation: boolean;
  730. /**
  731. * Configures the value axis.
  732. */
  733. valueAxis: Array<any | {
  734. allowDecimals?: boolean;
  735. autoBreaksEnabled?: boolean;
  736. axisDivisionFactor?: number;
  737. breaks?: Array<DevExpress.viz.ScaleBreak>;
  738. breakStyle?: {
  739. color?: string;
  740. line?: string;
  741. width?: number;
  742. };
  743. categories?: Array<number | string | Date>;
  744. color?: string;
  745. constantLines?: Array<any | {
  746. color?: string;
  747. dashStyle?: string;
  748. displayBehindSeries?: boolean;
  749. extendAxis?: boolean;
  750. label?: {
  751. font?: DevExpress.viz.Font;
  752. horizontalAlignment?: string;
  753. position?: string;
  754. text?: string;
  755. verticalAlignment?: string;
  756. visible?: boolean;
  757. };
  758. paddingLeftRight?: number;
  759. paddingTopBottom?: number;
  760. value?: Date | number | string;
  761. width?: number;
  762. }>;
  763. constantLineStyle?: {
  764. color?: string;
  765. dashStyle?: string;
  766. label?: {
  767. font?: DevExpress.viz.Font;
  768. horizontalAlignment?: string;
  769. position?: string;
  770. verticalAlignment?: string;
  771. visible?: boolean;
  772. };
  773. paddingLeftRight?: number;
  774. paddingTopBottom?: number;
  775. width?: number;
  776. };
  777. discreteAxisDivisionMode?: string;
  778. endOnTick?: boolean;
  779. grid?: {
  780. color?: string;
  781. opacity?: number;
  782. visible?: boolean;
  783. width?: number;
  784. };
  785. inverted?: boolean;
  786. label?: {
  787. alignment?: string;
  788. customizeHint?: Function;
  789. customizeText?: Function;
  790. displayMode?: string;
  791. font?: DevExpress.viz.Font;
  792. format?: DevExpress.ui.format | string;
  793. indentFromAxis?: number;
  794. overlappingBehavior?: string;
  795. rotationAngle?: number;
  796. staggeringSpacing?: number;
  797. textOverflow?: string;
  798. visible?: boolean;
  799. wordWrap?: string;
  800. };
  801. logarithmBase?: number;
  802. max?: Date | number | string;
  803. maxAutoBreakCount?: number;
  804. maxValueMargin?: number;
  805. min?: Date | number | string;
  806. minorGrid?: {
  807. color?: string;
  808. opacity?: number;
  809. visible?: boolean;
  810. width?: number;
  811. };
  812. minorTick?: {
  813. color?: string;
  814. length?: number;
  815. opacity?: number;
  816. shift?: number;
  817. visible?: boolean;
  818. width?: number;
  819. };
  820. minorTickCount?: number;
  821. minorTickInterval?: number | string | {
  822. days?: number;
  823. hours?: number;
  824. milliseconds?: number;
  825. minutes?: number;
  826. months?: number;
  827. quarters?: number;
  828. seconds?: number;
  829. weeks?: number;
  830. years?: number;
  831. };
  832. minValueMargin?: number;
  833. minVisualRangeLength?: number | string | {
  834. days?: number;
  835. hours?: number;
  836. milliseconds?: number;
  837. minutes?: number;
  838. months?: number;
  839. quarters?: number;
  840. seconds?: number;
  841. weeks?: number;
  842. years?: number;
  843. };
  844. multipleAxesSpacing?: number;
  845. name?: string;
  846. opacity?: number;
  847. pane?: string;
  848. placeholderSize?: number;
  849. position?: string;
  850. showZero?: boolean;
  851. strips?: Array<any | {
  852. color?: string;
  853. endValue?: Date | number | string;
  854. label?: {
  855. font?: DevExpress.viz.Font;
  856. horizontalAlignment?: string;
  857. text?: string;
  858. verticalAlignment?: string;
  859. };
  860. paddingLeftRight?: number;
  861. paddingTopBottom?: number;
  862. startValue?: Date | number | string;
  863. }>;
  864. stripStyle?: {
  865. label?: {
  866. font?: DevExpress.viz.Font;
  867. horizontalAlignment?: string;
  868. verticalAlignment?: string;
  869. };
  870. paddingLeftRight?: number;
  871. paddingTopBottom?: number;
  872. };
  873. synchronizedValue?: number;
  874. tick?: {
  875. color?: string;
  876. length?: number;
  877. opacity?: number;
  878. shift?: number;
  879. visible?: boolean;
  880. width?: number;
  881. };
  882. tickInterval?: number | string | {
  883. days?: number;
  884. hours?: number;
  885. milliseconds?: number;
  886. minutes?: number;
  887. months?: number;
  888. quarters?: number;
  889. seconds?: number;
  890. weeks?: number;
  891. years?: number;
  892. };
  893. title?: string | {
  894. alignment?: string;
  895. font?: DevExpress.viz.Font;
  896. margin?: number;
  897. text?: string;
  898. textOverflow?: string;
  899. wordWrap?: string;
  900. };
  901. type?: string;
  902. valueMarginsEnabled?: boolean;
  903. valueType?: string;
  904. visible?: boolean;
  905. visualRange?: DevExpress.viz.VizRange | Array<number | string | Date>;
  906. visualRangeUpdateMode?: string;
  907. wholeRange?: DevExpress.viz.VizRange | Array<number | string | Date>;
  908. width?: number;
  909. }>;
  910. /**
  911. * Configures zooming and panning.
  912. */
  913. zoomAndPan: {
  914. allowMouseWheel?: boolean;
  915. allowTouchGestures?: boolean;
  916. argumentAxis?: string;
  917. dragBoxStyle?: {
  918. color?: string;
  919. opacity?: number;
  920. };
  921. dragToZoom?: boolean;
  922. panKey?: string;
  923. valueAxis?: string;
  924. };
  925. /**
  926. * Use the zoomAndPan option instead.
  927. */
  928. zoomingMode: string;
  929. /**
  930. * A function that is executed when a label on the argument axis is clicked or tapped.
  931. */
  932. onArgumentAxisClick: EventEmitter<any>;
  933. /**
  934. * A function that is executed before the widget is disposed of.
  935. */
  936. onDisposing: EventEmitter<any>;
  937. /**
  938. * A function that is executed when all series are ready.
  939. */
  940. onDone: EventEmitter<any>;
  941. /**
  942. * A function that is executed when the widget's rendering has finished.
  943. */
  944. onDrawn: EventEmitter<any>;
  945. /**
  946. * A function that is executed after the widget is exported.
  947. */
  948. onExported: EventEmitter<any>;
  949. /**
  950. * A function that is executed before the widget is exported.
  951. */
  952. onExporting: EventEmitter<any>;
  953. /**
  954. * A function that is executed before a file with exported widget is saved to the user's local storage.
  955. */
  956. onFileSaving: EventEmitter<any>;
  957. /**
  958. * A function that is executed when an error or warning occurs.
  959. */
  960. onIncidentOccurred: EventEmitter<any>;
  961. /**
  962. * A function used in JavaScript frameworks to save the widget instance.
  963. */
  964. onInitialized: EventEmitter<any>;
  965. /**
  966. * A function that is executed when a legend item is clicked or tapped.
  967. */
  968. onLegendClick: EventEmitter<any>;
  969. /**
  970. * A function that is executed after a widget option is changed.
  971. */
  972. onOptionChanged: EventEmitter<any>;
  973. /**
  974. * A function that is executed when a series point is clicked or tapped.
  975. */
  976. onPointClick: EventEmitter<any>;
  977. /**
  978. * A function that is executed after the pointer enters or leaves a series point.
  979. */
  980. onPointHoverChanged: EventEmitter<any>;
  981. /**
  982. * A function that is executed when a series point is selected or selection is canceled.
  983. */
  984. onPointSelectionChanged: EventEmitter<any>;
  985. /**
  986. * A function that is executed when a series is clicked or tapped.
  987. */
  988. onSeriesClick: EventEmitter<any>;
  989. /**
  990. * A function that is executed after the pointer enters or leaves a series.
  991. */
  992. onSeriesHoverChanged: EventEmitter<any>;
  993. /**
  994. * A function that is executed when a series is selected or selection is canceled.
  995. */
  996. onSeriesSelectionChanged: EventEmitter<any>;
  997. /**
  998. * A function that is executed when a tooltip becomes hidden.
  999. */
  1000. onTooltipHidden: EventEmitter<any>;
  1001. /**
  1002. * A function that is executed when a tooltip appears.
  1003. */
  1004. onTooltipShown: EventEmitter<any>;
  1005. /**
  1006. * A function that is executed when zooming or panning ends.
  1007. */
  1008. onZoomEnd: EventEmitter<any>;
  1009. /**
  1010. * A function that is executed when zooming or panning begins.
  1011. */
  1012. onZoomStart: EventEmitter<any>;
  1013. /**
  1014. * This member supports the internal infrastructure and is not intended to be used directly from your code.
  1015. */
  1016. adaptiveLayoutChange: EventEmitter<{
  1017. height?: number;
  1018. keepLabels?: boolean;
  1019. width?: number;
  1020. }>;
  1021. /**
  1022. * This member supports the internal infrastructure and is not intended to be used directly from your code.
  1023. */
  1024. adjustOnZoomChange: EventEmitter<boolean>;
  1025. /**
  1026. * This member supports the internal infrastructure and is not intended to be used directly from your code.
  1027. */
  1028. animationChange: EventEmitter<boolean | {
  1029. duration?: number;
  1030. easing?: string;
  1031. enabled?: boolean;
  1032. maxPointCountSupported?: number;
  1033. }>;
  1034. /**
  1035. * This member supports the internal infrastructure and is not intended to be used directly from your code.
  1036. */
  1037. annotationsChange: EventEmitter<Array<DevExpress.viz.dxChartAnnotationConfig | any>>;
  1038. /**
  1039. * This member supports the internal infrastructure and is not intended to be used directly from your code.
  1040. */
  1041. argumentAxisChange: EventEmitter<{
  1042. aggregationGroupWidth?: number;
  1043. aggregationInterval?: number | string | {
  1044. days?: number;
  1045. hours?: number;
  1046. milliseconds?: number;
  1047. minutes?: number;
  1048. months?: number;
  1049. quarters?: number;
  1050. seconds?: number;
  1051. weeks?: number;
  1052. years?: number;
  1053. };
  1054. allowDecimals?: boolean;
  1055. argumentType?: string;
  1056. axisDivisionFactor?: number;
  1057. breaks?: Array<DevExpress.viz.ScaleBreak>;
  1058. breakStyle?: {
  1059. color?: string;
  1060. line?: string;
  1061. width?: number;
  1062. };
  1063. categories?: Array<number | string | Date>;
  1064. color?: string;
  1065. constantLines?: Array<any | {
  1066. color?: string;
  1067. dashStyle?: string;
  1068. displayBehindSeries?: boolean;
  1069. extendAxis?: boolean;
  1070. label?: {
  1071. font?: DevExpress.viz.Font;
  1072. horizontalAlignment?: string;
  1073. position?: string;
  1074. text?: string;
  1075. verticalAlignment?: string;
  1076. visible?: boolean;
  1077. };
  1078. paddingLeftRight?: number;
  1079. paddingTopBottom?: number;
  1080. value?: Date | number | string;
  1081. width?: number;
  1082. }>;
  1083. constantLineStyle?: {
  1084. color?: string;
  1085. dashStyle?: string;
  1086. label?: {
  1087. font?: DevExpress.viz.Font;
  1088. horizontalAlignment?: string;
  1089. position?: string;
  1090. verticalAlignment?: string;
  1091. visible?: boolean;
  1092. };
  1093. paddingLeftRight?: number;
  1094. paddingTopBottom?: number;
  1095. width?: number;
  1096. };
  1097. discreteAxisDivisionMode?: string;
  1098. endOnTick?: boolean;
  1099. grid?: {
  1100. color?: string;
  1101. opacity?: number;
  1102. visible?: boolean;
  1103. width?: number;
  1104. };
  1105. holidays?: Array<Date | string | number>;
  1106. hoverMode?: string;
  1107. inverted?: boolean;
  1108. label?: {
  1109. alignment?: string;
  1110. customizeHint?: Function;
  1111. customizeText?: Function;
  1112. displayMode?: string;
  1113. font?: DevExpress.viz.Font;
  1114. format?: DevExpress.ui.format | string;
  1115. indentFromAxis?: number;
  1116. overlappingBehavior?: string;
  1117. rotationAngle?: number;
  1118. staggeringSpacing?: number;
  1119. textOverflow?: string;
  1120. visible?: boolean;
  1121. wordWrap?: string;
  1122. };
  1123. logarithmBase?: number;
  1124. max?: Date | number | string;
  1125. maxValueMargin?: number;
  1126. min?: Date | number | string;
  1127. minorGrid?: {
  1128. color?: string;
  1129. opacity?: number;
  1130. visible?: boolean;
  1131. width?: number;
  1132. };
  1133. minorTick?: {
  1134. color?: string;
  1135. length?: number;
  1136. opacity?: number;
  1137. shift?: number;
  1138. visible?: boolean;
  1139. width?: number;
  1140. };
  1141. minorTickCount?: number;
  1142. minorTickInterval?: number | string | {
  1143. days?: number;
  1144. hours?: number;
  1145. milliseconds?: number;
  1146. minutes?: number;
  1147. months?: number;
  1148. quarters?: number;
  1149. seconds?: number;
  1150. weeks?: number;
  1151. years?: number;
  1152. };
  1153. minValueMargin?: number;
  1154. minVisualRangeLength?: number | string | {
  1155. days?: number;
  1156. hours?: number;
  1157. milliseconds?: number;
  1158. minutes?: number;
  1159. months?: number;
  1160. quarters?: number;
  1161. seconds?: number;
  1162. weeks?: number;
  1163. years?: number;
  1164. };
  1165. opacity?: number;
  1166. placeholderSize?: number;
  1167. position?: string;
  1168. singleWorkdays?: Array<Date | string | number>;
  1169. strips?: Array<any | {
  1170. color?: string;
  1171. endValue?: Date | number | string;
  1172. label?: {
  1173. font?: DevExpress.viz.Font;
  1174. horizontalAlignment?: string;
  1175. text?: string;
  1176. verticalAlignment?: string;
  1177. };
  1178. paddingLeftRight?: number;
  1179. paddingTopBottom?: number;
  1180. startValue?: Date | number | string;
  1181. }>;
  1182. stripStyle?: {
  1183. label?: {
  1184. font?: DevExpress.viz.Font;
  1185. horizontalAlignment?: string;
  1186. verticalAlignment?: string;
  1187. };
  1188. paddingLeftRight?: number;
  1189. paddingTopBottom?: number;
  1190. };
  1191. tick?: {
  1192. color?: string;
  1193. length?: number;
  1194. opacity?: number;
  1195. shift?: number;
  1196. visible?: boolean;
  1197. width?: number;
  1198. };
  1199. tickInterval?: number | string | {
  1200. days?: number;
  1201. hours?: number;
  1202. milliseconds?: number;
  1203. minutes?: number;
  1204. months?: number;
  1205. quarters?: number;
  1206. seconds?: number;
  1207. weeks?: number;
  1208. years?: number;
  1209. };
  1210. title?: string | {
  1211. alignment?: string;
  1212. font?: DevExpress.viz.Font;
  1213. margin?: number;
  1214. text?: string;
  1215. textOverflow?: string;
  1216. wordWrap?: string;
  1217. };
  1218. type?: string;
  1219. valueMarginsEnabled?: boolean;
  1220. visible?: boolean;
  1221. visualRange?: DevExpress.viz.VizRange | Array<number | string | Date>;
  1222. visualRangeUpdateMode?: string;
  1223. wholeRange?: DevExpress.viz.VizRange | Array<number | string | Date>;
  1224. width?: number;
  1225. workdaysOnly?: boolean;
  1226. workWeek?: Array<number>;
  1227. }>;
  1228. /**
  1229. * This member supports the internal infrastructure and is not intended to be used directly from your code.
  1230. */
  1231. autoHidePointMarkersChange: EventEmitter<boolean>;
  1232. /**
  1233. * This member supports the internal infrastructure and is not intended to be used directly from your code.
  1234. */
  1235. barGroupPaddingChange: EventEmitter<number>;
  1236. /**
  1237. * This member supports the internal infrastructure and is not intended to be used directly from your code.
  1238. */
  1239. barGroupWidthChange: EventEmitter<number>;
  1240. /**
  1241. * This member supports the internal infrastructure and is not intended to be used directly from your code.
  1242. */
  1243. barWidthChange: EventEmitter<number>;
  1244. /**
  1245. * This member supports the internal infrastructure and is not intended to be used directly from your code.
  1246. */
  1247. commonAnnotationSettingsChange: EventEmitter<DevExpress.viz.dxChartCommonAnnotationConfig>;
  1248. /**
  1249. * This member supports the internal infrastructure and is not intended to be used directly from your code.
  1250. */
  1251. commonAxisSettingsChange: EventEmitter<{
  1252. allowDecimals?: boolean;
  1253. breakStyle?: {
  1254. color?: string;
  1255. line?: string;
  1256. width?: number;
  1257. };
  1258. color?: string;
  1259. constantLineStyle?: {
  1260. color?: string;
  1261. dashStyle?: string;
  1262. label?: {
  1263. font?: DevExpress.viz.Font;
  1264. position?: string;
  1265. visible?: boolean;
  1266. };
  1267. paddingLeftRight?: number;
  1268. paddingTopBottom?: number;
  1269. width?: number;
  1270. };
  1271. discreteAxisDivisionMode?: string;
  1272. endOnTick?: boolean;
  1273. grid?: {
  1274. color?: string;
  1275. opacity?: number;
  1276. visible?: boolean;
  1277. width?: number;
  1278. };
  1279. inverted?: boolean;
  1280. label?: {
  1281. alignment?: string;
  1282. displayMode?: string;
  1283. font?: DevExpress.viz.Font;
  1284. indentFromAxis?: number;
  1285. overlappingBehavior?: string;
  1286. rotationAngle?: number;
  1287. staggeringSpacing?: number;
  1288. textOverflow?: string;
  1289. visible?: boolean;
  1290. wordWrap?: string;
  1291. };
  1292. maxValueMargin?: number;
  1293. minorGrid?: {
  1294. color?: string;
  1295. opacity?: number;
  1296. visible?: boolean;
  1297. width?: number;
  1298. };
  1299. minorTick?: {
  1300. color?: string;
  1301. length?: number;
  1302. opacity?: number;
  1303. shift?: number;
  1304. visible?: boolean;
  1305. width?: number;
  1306. };
  1307. minValueMargin?: number;
  1308. opacity?: number;
  1309. placeholderSize?: number;
  1310. stripStyle?: {
  1311. label?: {
  1312. font?: DevExpress.viz.Font;
  1313. horizontalAlignment?: string;
  1314. verticalAlignment?: string;
  1315. };
  1316. paddingLeftRight?: number;
  1317. paddingTopBottom?: number;
  1318. };
  1319. tick?: {
  1320. color?: string;
  1321. length?: number;
  1322. opacity?: number;
  1323. shift?: number;
  1324. visible?: boolean;
  1325. width?: number;
  1326. };
  1327. title?: {
  1328. alignment?: string;
  1329. font?: DevExpress.viz.Font;
  1330. margin?: number;
  1331. textOverflow?: string;
  1332. wordWrap?: string;
  1333. };
  1334. valueMarginsEnabled?: boolean;
  1335. visible?: boolean;
  1336. width?: number;
  1337. }>;
  1338. /**
  1339. * This member supports the internal infrastructure and is not intended to be used directly from your code.
  1340. */
  1341. commonPaneSettingsChange: EventEmitter<{
  1342. backgroundColor?: string;
  1343. border?: {
  1344. bottom?: boolean;
  1345. color?: string;
  1346. dashStyle?: string;
  1347. left?: boolean;
  1348. opacity?: number;
  1349. right?: boolean;
  1350. top?: boolean;
  1351. visible?: boolean;
  1352. width?: number;
  1353. };
  1354. }>;
  1355. /**
  1356. * This member supports the internal infrastructure and is not intended to be used directly from your code.
  1357. */
  1358. commonSeriesSettingsChange: EventEmitter<any>;
  1359. /**
  1360. * This member supports the internal infrastructure and is not intended to be used directly from your code.
  1361. */
  1362. containerBackgroundColorChange: EventEmitter<string>;
  1363. /**
  1364. * This member supports the internal infrastructure and is not intended to be used directly from your code.
  1365. */
  1366. crosshairChange: EventEmitter<{
  1367. color?: string;
  1368. dashStyle?: string;
  1369. enabled?: boolean;
  1370. horizontalLine?: boolean | {
  1371. color?: string;
  1372. dashStyle?: string;
  1373. label?: {
  1374. backgroundColor?: string;
  1375. customizeText?: Function;
  1376. font?: DevExpress.viz.Font;
  1377. format?: DevExpress.ui.format | string;
  1378. visible?: boolean;
  1379. };
  1380. opacity?: number;
  1381. visible?: boolean;
  1382. width?: number;
  1383. };
  1384. label?: {
  1385. backgroundColor?: string;
  1386. customizeText?: Function;
  1387. font?: DevExpress.viz.Font;
  1388. format?: DevExpress.ui.format | string;
  1389. visible?: boolean;
  1390. };
  1391. opacity?: number;
  1392. verticalLine?: boolean | {
  1393. color?: string;
  1394. dashStyle?: string;
  1395. label?: {
  1396. backgroundColor?: string;
  1397. customizeText?: Function;
  1398. font?: DevExpress.viz.Font;
  1399. format?: DevExpress.ui.format | string;
  1400. visible?: boolean;
  1401. };
  1402. opacity?: number;
  1403. visible?: boolean;
  1404. width?: number;
  1405. };
  1406. width?: number;
  1407. }>;
  1408. /**
  1409. * This member supports the internal infrastructure and is not intended to be used directly from your code.
  1410. */
  1411. customizeAnnotationChange: EventEmitter<Function>;
  1412. /**
  1413. * This member supports the internal infrastructure and is not intended to be used directly from your code.
  1414. */
  1415. customizeLabelChange: EventEmitter<Function>;
  1416. /**
  1417. * This member supports the internal infrastructure and is not intended to be used directly from your code.
  1418. */
  1419. customizePointChange: EventEmitter<Function>;
  1420. /**
  1421. * This member supports the internal infrastructure and is not intended to be used directly from your code.
  1422. */
  1423. dataPrepareSettingsChange: EventEmitter<{
  1424. checkTypeForAllData?: boolean;
  1425. convertToAxisDataType?: boolean;
  1426. sortingMethod?: boolean | Function;
  1427. }>;
  1428. /**
  1429. * This member supports the internal infrastructure and is not intended to be used directly from your code.
  1430. */
  1431. dataSourceChange: EventEmitter<DevExpress.data.DataSource | DevExpress.data.DataSourceOptions | string | Array<any>>;
  1432. /**
  1433. * This member supports the internal infrastructure and is not intended to be used directly from your code.
  1434. */
  1435. defaultPaneChange: EventEmitter<string>;
  1436. /**
  1437. * This member supports the internal infrastructure and is not intended to be used directly from your code.
  1438. */
  1439. disabledChange: EventEmitter<boolean>;
  1440. /**
  1441. * This member supports the internal infrastructure and is not intended to be used directly from your code.
  1442. */
  1443. elementAttrChange: EventEmitter<any>;
  1444. /**
  1445. * This member supports the internal infrastructure and is not intended to be used directly from your code.
  1446. */
  1447. equalBarWidthChange: EventEmitter<boolean>;
  1448. /**
  1449. * This member supports the internal infrastructure and is not intended to be used directly from your code.
  1450. */
  1451. exportChange: EventEmitter<{
  1452. backgroundColor?: string;
  1453. enabled?: boolean;
  1454. fileName?: string;
  1455. formats?: Array<string>;
  1456. margin?: number;
  1457. printingEnabled?: boolean;
  1458. proxyUrl?: string;
  1459. }>;
  1460. /**
  1461. * This member supports the internal infrastructure and is not intended to be used directly from your code.
  1462. */
  1463. legendChange: EventEmitter<{
  1464. backgroundColor?: string;
  1465. border?: {
  1466. color?: string;
  1467. cornerRadius?: number;
  1468. dashStyle?: string;
  1469. opacity?: number;
  1470. visible?: boolean;
  1471. width?: number;
  1472. };
  1473. columnCount?: number;
  1474. columnItemSpacing?: number;
  1475. customizeHint?: Function;
  1476. customizeItems?: Function;
  1477. customizeText?: Function;
  1478. font?: DevExpress.viz.Font;
  1479. horizontalAlignment?: string;
  1480. hoverMode?: string;
  1481. itemsAlignment?: string;
  1482. itemTextPosition?: string;
  1483. margin?: number | {
  1484. bottom?: number;
  1485. left?: number;
  1486. right?: number;
  1487. top?: number;
  1488. };
  1489. markerSize?: number;
  1490. orientation?: string;
  1491. paddingLeftRight?: number;
  1492. paddingTopBottom?: number;
  1493. position?: string;
  1494. rowCount?: number;
  1495. rowItemSpacing?: number;
  1496. title?: string | {
  1497. font?: DevExpress.viz.Font;
  1498. horizontalAlignment?: string;
  1499. margin?: {
  1500. bottom?: number;
  1501. left?: number;
  1502. right?: number;
  1503. top?: number;
  1504. };
  1505. placeholderSize?: number;
  1506. subtitle?: string | {
  1507. font?: DevExpress.viz.Font;
  1508. offset?: number;
  1509. text?: string;
  1510. };
  1511. text?: string;
  1512. verticalAlignment?: string;
  1513. };
  1514. verticalAlignment?: string;
  1515. visible?: boolean;
  1516. }>;
  1517. /**
  1518. * This member supports the internal infrastructure and is not intended to be used directly from your code.
  1519. */
  1520. loadingIndicatorChange: EventEmitter<{
  1521. backgroundColor?: string;
  1522. enabled?: boolean;
  1523. font?: DevExpress.viz.Font;
  1524. show?: boolean;
  1525. text?: string;
  1526. }>;
  1527. /**
  1528. * This member supports the internal infrastructure and is not intended to be used directly from your code.
  1529. */
  1530. marginChange: EventEmitter<{
  1531. bottom?: number;
  1532. left?: number;
  1533. right?: number;
  1534. top?: number;
  1535. }>;
  1536. /**
  1537. * This member supports the internal infrastructure and is not intended to be used directly from your code.
  1538. */
  1539. maxBubbleSizeChange: EventEmitter<number>;
  1540. /**
  1541. * This member supports the internal infrastructure and is not intended to be used directly from your code.
  1542. */
  1543. minBubbleSizeChange: EventEmitter<number>;
  1544. /**
  1545. * This member supports the internal infrastructure and is not intended to be used directly from your code.
  1546. */
  1547. negativesAsZeroesChange: EventEmitter<boolean>;
  1548. /**
  1549. * This member supports the internal infrastructure and is not intended to be used directly from your code.
  1550. */
  1551. paletteChange: EventEmitter<string | Array<string>>;
  1552. /**
  1553. * This member supports the internal infrastructure and is not intended to be used directly from your code.
  1554. */
  1555. paletteExtensionModeChange: EventEmitter<string>;
  1556. /**
  1557. * This member supports the internal infrastructure and is not intended to be used directly from your code.
  1558. */
  1559. panesChange: EventEmitter<Array<any | {
  1560. backgroundColor?: string;
  1561. border?: {
  1562. bottom?: boolean;
  1563. color?: string;
  1564. dashStyle?: string;
  1565. left?: boolean;
  1566. opacity?: number;
  1567. right?: boolean;
  1568. top?: boolean;
  1569. visible?: boolean;
  1570. width?: number;
  1571. };
  1572. name?: string;
  1573. }>>;
  1574. /**
  1575. * This member supports the internal infrastructure and is not intended to be used directly from your code.
  1576. */
  1577. pathModifiedChange: EventEmitter<boolean>;
  1578. /**
  1579. * This member supports the internal infrastructure and is not intended to be used directly from your code.
  1580. */
  1581. pointSelectionModeChange: EventEmitter<string>;
  1582. /**
  1583. * This member supports the internal infrastructure and is not intended to be used directly from your code.
  1584. */
  1585. redrawOnResizeChange: EventEmitter<boolean>;
  1586. /**
  1587. * This member supports the internal infrastructure and is not intended to be used directly from your code.
  1588. */
  1589. resolveLabelOverlappingChange: EventEmitter<string>;
  1590. /**
  1591. * This member supports the internal infrastructure and is not intended to be used directly from your code.
  1592. */
  1593. rotatedChange: EventEmitter<boolean>;
  1594. /**
  1595. * This member supports the internal infrastructure and is not intended to be used directly from your code.
  1596. */
  1597. rtlEnabledChange: EventEmitter<boolean>;
  1598. /**
  1599. * This member supports the internal infrastructure and is not intended to be used directly from your code.
  1600. */
  1601. scrollBarChange: EventEmitter<{
  1602. color?: string;
  1603. offset?: number;
  1604. opacity?: number;
  1605. position?: string;
  1606. visible?: boolean;
  1607. width?: number;
  1608. }>;
  1609. /**
  1610. * This member supports the internal infrastructure and is not intended to be used directly from your code.
  1611. */
  1612. scrollingModeChange: EventEmitter<string>;
  1613. /**
  1614. * This member supports the internal infrastructure and is not intended to be used directly from your code.
  1615. */
  1616. seriesChange: EventEmitter<any | Array<any>>;
  1617. /**
  1618. * This member supports the internal infrastructure and is not intended to be used directly from your code.
  1619. */
  1620. seriesSelectionModeChange: EventEmitter<string>;
  1621. /**
  1622. * This member supports the internal infrastructure and is not intended to be used directly from your code.
  1623. */
  1624. seriesTemplateChange: EventEmitter<{
  1625. customizeSeries?: Function;
  1626. nameField?: string;
  1627. }>;
  1628. /**
  1629. * This member supports the internal infrastructure and is not intended to be used directly from your code.
  1630. */
  1631. sizeChange: EventEmitter<{
  1632. height?: number;
  1633. width?: number;
  1634. }>;
  1635. /**
  1636. * This member supports the internal infrastructure and is not intended to be used directly from your code.
  1637. */
  1638. stickyHoveringChange: EventEmitter<boolean>;
  1639. /**
  1640. * This member supports the internal infrastructure and is not intended to be used directly from your code.
  1641. */
  1642. synchronizeMultiAxesChange: EventEmitter<boolean>;
  1643. /**
  1644. * This member supports the internal infrastructure and is not intended to be used directly from your code.
  1645. */
  1646. themeChange: EventEmitter<string>;
  1647. /**
  1648. * This member supports the internal infrastructure and is not intended to be used directly from your code.
  1649. */
  1650. titleChange: EventEmitter<string | {
  1651. font?: DevExpress.viz.Font;
  1652. horizontalAlignment?: string;
  1653. margin?: number | {
  1654. bottom?: number;
  1655. left?: number;
  1656. right?: number;
  1657. top?: number;
  1658. };
  1659. placeholderSize?: number;
  1660. subtitle?: string | {
  1661. font?: DevExpress.viz.Font;
  1662. offset?: number;
  1663. text?: string;
  1664. textOverflow?: string;
  1665. wordWrap?: string;
  1666. };
  1667. text?: string;
  1668. textOverflow?: string;
  1669. verticalAlignment?: string;
  1670. wordWrap?: string;
  1671. }>;
  1672. /**
  1673. * This member supports the internal infrastructure and is not intended to be used directly from your code.
  1674. */
  1675. tooltipChange: EventEmitter<{
  1676. argumentFormat?: DevExpress.ui.format | string;
  1677. arrowLength?: number;
  1678. border?: {
  1679. color?: string;
  1680. dashStyle?: string;
  1681. opacity?: number;
  1682. visible?: boolean;
  1683. width?: number;
  1684. };
  1685. color?: string;
  1686. container?: Element | JQuery;
  1687. cornerRadius?: number;
  1688. customizeTooltip?: Function;
  1689. enabled?: boolean;
  1690. font?: DevExpress.viz.Font;
  1691. format?: DevExpress.ui.format | string;
  1692. location?: string;
  1693. opacity?: number;
  1694. paddingLeftRight?: number;
  1695. paddingTopBottom?: number;
  1696. shadow?: {
  1697. blur?: number;
  1698. color?: string;
  1699. offsetX?: number;
  1700. offsetY?: number;
  1701. opacity?: number;
  1702. };
  1703. shared?: boolean;
  1704. zIndex?: number;
  1705. }>;
  1706. /**
  1707. * This member supports the internal infrastructure and is not intended to be used directly from your code.
  1708. */
  1709. useAggregationChange: EventEmitter<boolean>;
  1710. /**
  1711. * This member supports the internal infrastructure and is not intended to be used directly from your code.
  1712. */
  1713. valueAxisChange: EventEmitter<Array<any | {
  1714. allowDecimals?: boolean;
  1715. autoBreaksEnabled?: boolean;
  1716. axisDivisionFactor?: number;
  1717. breaks?: Array<DevExpress.viz.ScaleBreak>;
  1718. breakStyle?: {
  1719. color?: string;
  1720. line?: string;
  1721. width?: number;
  1722. };
  1723. categories?: Array<number | string | Date>;
  1724. color?: string;
  1725. constantLines?: Array<any | {
  1726. color?: string;
  1727. dashStyle?: string;
  1728. displayBehindSeries?: boolean;
  1729. extendAxis?: boolean;
  1730. label?: {
  1731. font?: DevExpress.viz.Font;
  1732. horizontalAlignment?: string;
  1733. position?: string;
  1734. text?: string;
  1735. verticalAlignment?: string;
  1736. visible?: boolean;
  1737. };
  1738. paddingLeftRight?: number;
  1739. paddingTopBottom?: number;
  1740. value?: Date | number | string;
  1741. width?: number;
  1742. }>;
  1743. constantLineStyle?: {
  1744. color?: string;
  1745. dashStyle?: string;
  1746. label?: {
  1747. font?: DevExpress.viz.Font;
  1748. horizontalAlignment?: string;
  1749. position?: string;
  1750. verticalAlignment?: string;
  1751. visible?: boolean;
  1752. };
  1753. paddingLeftRight?: number;
  1754. paddingTopBottom?: number;
  1755. width?: number;
  1756. };
  1757. discreteAxisDivisionMode?: string;
  1758. endOnTick?: boolean;
  1759. grid?: {
  1760. color?: string;
  1761. opacity?: number;
  1762. visible?: boolean;
  1763. width?: number;
  1764. };
  1765. inverted?: boolean;
  1766. label?: {
  1767. alignment?: string;
  1768. customizeHint?: Function;
  1769. customizeText?: Function;
  1770. displayMode?: string;
  1771. font?: DevExpress.viz.Font;
  1772. format?: DevExpress.ui.format | string;
  1773. indentFromAxis?: number;
  1774. overlappingBehavior?: string;
  1775. rotationAngle?: number;
  1776. staggeringSpacing?: number;
  1777. textOverflow?: string;
  1778. visible?: boolean;
  1779. wordWrap?: string;
  1780. };
  1781. logarithmBase?: number;
  1782. max?: Date | number | string;
  1783. maxAutoBreakCount?: number;
  1784. maxValueMargin?: number;
  1785. min?: Date | number | string;
  1786. minorGrid?: {
  1787. color?: string;
  1788. opacity?: number;
  1789. visible?: boolean;
  1790. width?: number;
  1791. };
  1792. minorTick?: {
  1793. color?: string;
  1794. length?: number;
  1795. opacity?: number;
  1796. shift?: number;
  1797. visible?: boolean;
  1798. width?: number;
  1799. };
  1800. minorTickCount?: number;
  1801. minorTickInterval?: number | string | {
  1802. days?: number;
  1803. hours?: number;
  1804. milliseconds?: number;
  1805. minutes?: number;
  1806. months?: number;
  1807. quarters?: number;
  1808. seconds?: number;
  1809. weeks?: number;
  1810. years?: number;
  1811. };
  1812. minValueMargin?: number;
  1813. minVisualRangeLength?: number | string | {
  1814. days?: number;
  1815. hours?: number;
  1816. milliseconds?: number;
  1817. minutes?: number;
  1818. months?: number;
  1819. quarters?: number;
  1820. seconds?: number;
  1821. weeks?: number;
  1822. years?: number;
  1823. };
  1824. multipleAxesSpacing?: number;
  1825. name?: string;
  1826. opacity?: number;
  1827. pane?: string;
  1828. placeholderSize?: number;
  1829. position?: string;
  1830. showZero?: boolean;
  1831. strips?: Array<any | {
  1832. color?: string;
  1833. endValue?: Date | number | string;
  1834. label?: {
  1835. font?: DevExpress.viz.Font;
  1836. horizontalAlignment?: string;
  1837. text?: string;
  1838. verticalAlignment?: string;
  1839. };
  1840. paddingLeftRight?: number;
  1841. paddingTopBottom?: number;
  1842. startValue?: Date | number | string;
  1843. }>;
  1844. stripStyle?: {
  1845. label?: {
  1846. font?: DevExpress.viz.Font;
  1847. horizontalAlignment?: string;
  1848. verticalAlignment?: string;
  1849. };
  1850. paddingLeftRight?: number;
  1851. paddingTopBottom?: number;
  1852. };
  1853. synchronizedValue?: number;
  1854. tick?: {
  1855. color?: string;
  1856. length?: number;
  1857. opacity?: number;
  1858. shift?: number;
  1859. visible?: boolean;
  1860. width?: number;
  1861. };
  1862. tickInterval?: number | string | {
  1863. days?: number;
  1864. hours?: number;
  1865. milliseconds?: number;
  1866. minutes?: number;
  1867. months?: number;
  1868. quarters?: number;
  1869. seconds?: number;
  1870. weeks?: number;
  1871. years?: number;
  1872. };
  1873. title?: string | {
  1874. alignment?: string;
  1875. font?: DevExpress.viz.Font;
  1876. margin?: number;
  1877. text?: string;
  1878. textOverflow?: string;
  1879. wordWrap?: string;
  1880. };
  1881. type?: string;
  1882. valueMarginsEnabled?: boolean;
  1883. valueType?: string;
  1884. visible?: boolean;
  1885. visualRange?: DevExpress.viz.VizRange | Array<number | string | Date>;
  1886. visualRangeUpdateMode?: string;
  1887. wholeRange?: DevExpress.viz.VizRange | Array<number | string | Date>;
  1888. width?: number;
  1889. }>>;
  1890. /**
  1891. * This member supports the internal infrastructure and is not intended to be used directly from your code.
  1892. */
  1893. zoomAndPanChange: EventEmitter<{
  1894. allowMouseWheel?: boolean;
  1895. allowTouchGestures?: boolean;
  1896. argumentAxis?: string;
  1897. dragBoxStyle?: {
  1898. color?: string;
  1899. opacity?: number;
  1900. };
  1901. dragToZoom?: boolean;
  1902. panKey?: string;
  1903. valueAxis?: string;
  1904. }>;
  1905. /**
  1906. * This member supports the internal infrastructure and is not intended to be used directly from your code.
  1907. */
  1908. zoomingModeChange: EventEmitter<string>;
  1909. annotationsChildren: QueryList<DxiAnnotationComponent>;
  1910. panesChildren: QueryList<DxiPaneComponent>;
  1911. seriesChildren: QueryList<DxiSeriesComponent>;
  1912. valueAxisChildren: QueryList<DxiValueAxisComponent>;
  1913. constructor(elementRef: ElementRef, ngZone: NgZone, templateHost: DxTemplateHost, _watcherHelper: WatcherHelper, _idh: IterableDifferHelper, optionHost: NestedOptionHost, transferState: TransferState, platformId: any);
  1914. protected _createInstance(element: any, options: any): DxChart;
  1915. ngOnDestroy(): void;
  1916. ngOnChanges(changes: SimpleChanges): void;
  1917. setupChanges(prop: string, changes: SimpleChanges): void;
  1918. ngDoCheck(): void;
  1919. _setOption(name: string, value: any): void;
  1920. }
  1921. export declare class DxChartModule {
  1922. }