@progress/kendo-angular-charts 13.2.0-develop.8 → 13.2.0-develop.9
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/chart/series-item/markers.component.d.ts +8 -59
- package/chart/series-item/notes.component.d.ts +11 -0
- package/chart/series-item.component.d.ts +13 -7
- package/chart/subtitle.component.d.ts +5 -0
- package/chart/x-axis-item/notes.icon.component.d.ts +1 -1
- package/chart/x-axis.component.d.ts +11 -56
- package/chart/y-axis-item/notes.icon.component.d.ts +1 -1
- package/chart/y-axis-item.component.d.ts +1 -1
- package/chart/y-axis.component.d.ts +11 -56
- package/esm2020/chart/series-item/markers.component.mjs +8 -59
- package/esm2020/chart/series-item/notes.component.mjs +11 -0
- package/esm2020/chart/series-item.component.mjs +9 -0
- package/esm2020/chart/x-axis.component.mjs +11 -56
- package/esm2020/chart/y-axis.component.mjs +11 -56
- package/esm2020/package-metadata.mjs +2 -2
- package/esm2020/sparkline.component.mjs +3 -19
- package/esm2020/stock-chart.component.mjs +15 -35
- package/fesm2015/progress-kendo-angular-charts.mjs +70 -227
- package/fesm2020/progress-kendo-angular-charts.mjs +70 -227
- package/option-types/pane/title.interface.d.ts +2 -2
- package/option-types/pane-defaults/title.interface.d.ts +1 -1
- package/option-types/pane-defaults.interface.d.ts +1 -1
- package/option-types/series-defaults/labels.from.interface.d.ts +2 -2
- package/option-types/series-defaults/labels.interface.d.ts +2 -2
- package/option-types/series-defaults/labels.to.interface.d.ts +2 -2
- package/option-types/series-defaults/notes.label.interface.d.ts +2 -2
- package/option-types/series-item/error-bars.interface.d.ts +2 -2
- package/option-types/series-item/highlight.interface.d.ts +1 -1
- package/option-types/series-item/labels.from.interface.d.ts +1 -1
- package/option-types/series-item/labels.interface.d.ts +2 -2
- package/option-types/series-item/labels.to.interface.d.ts +1 -1
- package/option-types/series-item/notes.label.interface.d.ts +2 -2
- package/option-types/series-item/tooltip.interface.d.ts +3 -3
- package/option-types/series-item.interface.d.ts +9 -13
- package/option-types/subtitle.interface.d.ts +3 -3
- package/option-types/title.interface.d.ts +2 -2
- package/option-types/tooltip.interface.d.ts +2 -2
- package/option-types/value-axis-item/crosshair.interface.d.ts +1 -1
- package/option-types/value-axis-item/crosshair.tooltip.interface.d.ts +1 -1
- package/option-types/value-axis-item/labels.interface.d.ts +2 -2
- package/option-types/value-axis-item/notes.label.interface.d.ts +2 -2
- package/option-types/value-axis-item/title.interface.d.ts +2 -2
- package/option-types/value-axis-item.interface.d.ts +1 -1
- package/option-types/x-axis-item/crosshair.interface.d.ts +1 -1
- package/option-types/x-axis-item/crosshair.tooltip.interface.d.ts +2 -2
- package/option-types/x-axis-item/labels.interface.d.ts +2 -2
- package/option-types/x-axis-item/notes.label.interface.d.ts +2 -2
- package/option-types/x-axis-item/title.interface.d.ts +2 -2
- package/option-types/x-axis-item.interface.d.ts +1 -1
- package/option-types/y-axis-item/crosshair.interface.d.ts +1 -1
- package/option-types/y-axis-item/crosshair.tooltip.interface.d.ts +2 -2
- package/option-types/y-axis-item/labels.interface.d.ts +2 -2
- package/option-types/y-axis-item/notes.label.interface.d.ts +2 -2
- package/option-types/y-axis-item/title.interface.d.ts +2 -2
- package/option-types/y-axis-item.interface.d.ts +1 -1
- package/package.json +7 -7
- package/sparkline.component.d.ts +3 -19
- package/stock-chart.component.d.ts +15 -35
|
@@ -536,6 +536,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
|
|
|
536
536
|
const toggle = (flag) => flag === undefined ? false : !flag;
|
|
537
537
|
/**
|
|
538
538
|
* The configuration component for a series item.
|
|
539
|
+
*
|
|
540
|
+
* @example
|
|
541
|
+
* ```html
|
|
542
|
+
* <kendo-chart ...>
|
|
543
|
+
* <kendo-chart-series>
|
|
544
|
+
* <kendo-chart-series-item type="line" ...> </kendo-chart-series-item>
|
|
545
|
+
* </kendo-chart-series>
|
|
546
|
+
* </kendo-chart>
|
|
547
|
+
* ```
|
|
539
548
|
*/
|
|
540
549
|
class SeriesItemComponent extends CollectionItemComponent {
|
|
541
550
|
constructor(configurationService, collectionService) {
|
|
@@ -2227,8 +2236,8 @@ const packageMetadata = {
|
|
|
2227
2236
|
name: '@progress/kendo-angular-charts',
|
|
2228
2237
|
productName: 'Kendo UI for Angular',
|
|
2229
2238
|
productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
|
|
2230
|
-
publishDate:
|
|
2231
|
-
version: '13.2.0-develop.
|
|
2239
|
+
publishDate: 1689669953,
|
|
2240
|
+
version: '13.2.0-develop.9',
|
|
2232
2241
|
licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
|
|
2233
2242
|
};
|
|
2234
2243
|
|
|
@@ -4812,65 +4821,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
|
|
|
4812
4821
|
* The configuration of the Chart series marker.
|
|
4813
4822
|
*
|
|
4814
4823
|
* @example
|
|
4815
|
-
* ```
|
|
4816
|
-
*
|
|
4817
|
-
*
|
|
4818
|
-
*
|
|
4819
|
-
*
|
|
4820
|
-
*
|
|
4821
|
-
*
|
|
4822
|
-
*
|
|
4823
|
-
* <kendo-chart-legend position="bottom" orientation="horizontal"></kendo-chart-legend>
|
|
4824
|
-
* <kendo-chart-tooltip format="{0}%"></kendo-chart-tooltip>
|
|
4825
|
-
* <kendo-chart-series>
|
|
4826
|
-
* <kendo-chart-series-item *ngFor="let item of series"
|
|
4827
|
-
* type="line"
|
|
4828
|
-
* style="smooth"
|
|
4829
|
-
* [data]="item.data"
|
|
4830
|
-
* [name]="item.name"
|
|
4831
|
-
* [markers]="item.markers">
|
|
4832
|
-
* </kendo-chart-series-item>
|
|
4833
|
-
* </kendo-chart-series>
|
|
4834
|
-
* </kendo-chart>
|
|
4835
|
-
* `
|
|
4836
|
-
* })
|
|
4837
|
-
* export class AppComponent {
|
|
4838
|
-
* public series: any[] = [{
|
|
4839
|
-
* name: "India",
|
|
4840
|
-
* data: [3.907, 7.943, 7.848, 9.284, 9.263, 9.801, 3.890, 8.238, 9.552, 6.855],
|
|
4841
|
-
* markers: {
|
|
4842
|
-
* background: 'red',
|
|
4843
|
-
* size: 20,
|
|
4844
|
-
* type: 'circle'
|
|
4845
|
-
* }
|
|
4846
|
-
* }, {
|
|
4847
|
-
* name: "Russian Federation",
|
|
4848
|
-
* data: [4.743, 7.295, 7.175, 6.376, 8.153, 8.535, 5.247, -7.832, 4.3, 4.3],
|
|
4849
|
-
* markers: {
|
|
4850
|
-
* background: 'yellow',
|
|
4851
|
-
* size: 10,
|
|
4852
|
-
* type: 'square',
|
|
4853
|
-
* rotation: 45
|
|
4854
|
-
* }
|
|
4855
|
-
* }, {
|
|
4856
|
-
* name: "Germany",
|
|
4857
|
-
* data: [0.010, -0.375, 1.161, 0.684, 3.7, 3.269, 1.083, -5.127, 3.690, 2.995],
|
|
4858
|
-
* markers: {
|
|
4859
|
-
* background: 'green',
|
|
4860
|
-
* size: 20,
|
|
4861
|
-
* type: 'triangle'
|
|
4862
|
-
* }
|
|
4863
|
-
* },{
|
|
4864
|
-
* name: "World",
|
|
4865
|
-
* data: [1.988, 2.733, 3.994, 3.464, 4.001, 3.939, 1.333, -2.245, 4.339, 2.727],
|
|
4866
|
-
* markers: {
|
|
4867
|
-
* background: 'blue',
|
|
4868
|
-
* size: 10,
|
|
4869
|
-
* type: 'cross'
|
|
4870
|
-
* }
|
|
4871
|
-
* }];
|
|
4872
|
-
* public categories: number[] = [2002, 2003, 2004, 2005, 2006, 2007, 2008, 2009, 2010, 2011];
|
|
4873
|
-
* }
|
|
4824
|
+
* ```html
|
|
4825
|
+
* <kendo-chart ...>
|
|
4826
|
+
* <kendo-chart-series>
|
|
4827
|
+
* <kendo-chart-series-item type="line"...>
|
|
4828
|
+
* <kendo-chart-series-item-markers background="blue"> </kendo-chart-series-item-markers>
|
|
4829
|
+
* </kendo-chart-series-item>
|
|
4830
|
+
* </kendo-chart-series>
|
|
4831
|
+
* </kendo-chart>
|
|
4874
4832
|
* ```
|
|
4875
4833
|
*/
|
|
4876
4834
|
class SeriesMarkersComponent extends SettingsComponent {
|
|
@@ -4911,6 +4869,17 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
|
|
|
4911
4869
|
/**
|
|
4912
4870
|
* The series notes configuration
|
|
4913
4871
|
* ([see example]({% slug notes_chart_charts %})).
|
|
4872
|
+
*
|
|
4873
|
+
* * @example
|
|
4874
|
+
* ```html
|
|
4875
|
+
* <kendo-chart ...>
|
|
4876
|
+
* <kendo-chart-series>
|
|
4877
|
+
* <kendo-chart-series-item type="line" [data]="data"...>
|
|
4878
|
+
* <kendo-chart-series-item-notes [icon]="{type: 'square'}"> </kendo-chart-series-item-notes>
|
|
4879
|
+
* </kendo-chart-series-item>
|
|
4880
|
+
* </kendo-chart-series>
|
|
4881
|
+
* </kendo-chart>
|
|
4882
|
+
* ```
|
|
4914
4883
|
*/
|
|
4915
4884
|
class SeriesNotesComponent extends SettingsComponent {
|
|
4916
4885
|
constructor(configurationService) {
|
|
@@ -5633,64 +5602,19 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
|
|
|
5633
5602
|
* A collection of one or more X-axis configuration components.
|
|
5634
5603
|
*
|
|
5635
5604
|
* @example
|
|
5636
|
-
* ```
|
|
5637
|
-
*
|
|
5638
|
-
*
|
|
5639
|
-
* _@Component({
|
|
5640
|
-
* selector: 'my-app',
|
|
5641
|
-
* template: `
|
|
5642
|
-
* <kendo-chart>
|
|
5605
|
+
* ```html
|
|
5606
|
+
* <kendo-chart>
|
|
5643
5607
|
* <kendo-chart-x-axis>
|
|
5644
|
-
*
|
|
5645
|
-
*
|
|
5646
|
-
*
|
|
5647
|
-
*
|
|
5648
|
-
*
|
|
5649
|
-
*
|
|
5650
|
-
*
|
|
5651
|
-
*
|
|
5608
|
+
* <kendo-chart-x-axis-item
|
|
5609
|
+
* [background]="'rgba(100, 100, 100, 0.2)'"
|
|
5610
|
+
* color="red"
|
|
5611
|
+
* [notes]="notesConfig"
|
|
5612
|
+
* [crosshair]="crosshairConfig">
|
|
5613
|
+
* </kendo-chart-x-axis-item>
|
|
5614
|
+
* <kendo-chart-x-axis-item name="secondAxis">
|
|
5615
|
+
* </kendo-chart-x-axis-item>
|
|
5652
5616
|
* </kendo-chart-x-axis>
|
|
5653
|
-
*
|
|
5654
|
-
* <kendo-chart-series-item type="scatter" [data]="[[1, 2]]">
|
|
5655
|
-
* </kendo-chart-series-item>
|
|
5656
|
-
* <kendo-chart-series-item type="scatter" [data]="[[0.1, 0.2]]"
|
|
5657
|
-
* xAxis="secondAxis">
|
|
5658
|
-
* </kendo-chart-series-item>
|
|
5659
|
-
* </kendo-chart-series>
|
|
5660
|
-
* </kendo-chart>
|
|
5661
|
-
* `
|
|
5662
|
-
* })
|
|
5663
|
-
* export class AppComponent {
|
|
5664
|
-
* public notesConfig = {
|
|
5665
|
-
* data: [{
|
|
5666
|
-
* value: 0.2,
|
|
5667
|
-
* text: "foo"
|
|
5668
|
-
* }, {
|
|
5669
|
-
* value: 0.8,
|
|
5670
|
-
* text: "bar"
|
|
5671
|
-
* }],
|
|
5672
|
-
* label: {
|
|
5673
|
-
* content: (args: any) => args.dataItem.text,
|
|
5674
|
-
* background: 'red',
|
|
5675
|
-
* color: 'white'
|
|
5676
|
-
* },
|
|
5677
|
-
* line: {
|
|
5678
|
-
* color: 'blue',
|
|
5679
|
-
* dashType: 'dash',
|
|
5680
|
-
* length: 150,
|
|
5681
|
-
* width: 2
|
|
5682
|
-
* },
|
|
5683
|
-
* position: 'top'
|
|
5684
|
-
* };
|
|
5685
|
-
*
|
|
5686
|
-
* public crosshairConfig = {
|
|
5687
|
-
* color: 'green',
|
|
5688
|
-
* opacity: 0.8,
|
|
5689
|
-
* visible: true,
|
|
5690
|
-
* width: 3
|
|
5691
|
-
* };
|
|
5692
|
-
* }
|
|
5693
|
-
*
|
|
5617
|
+
* </kendo-chart>
|
|
5694
5618
|
* ```
|
|
5695
5619
|
*/
|
|
5696
5620
|
class XAxisComponent extends CollectionComponent {
|
|
@@ -6060,64 +5984,19 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
|
|
|
6060
5984
|
* A collection of one or more Y-axis configuration components.
|
|
6061
5985
|
*
|
|
6062
5986
|
* @example
|
|
6063
|
-
* ```
|
|
6064
|
-
*
|
|
6065
|
-
*
|
|
6066
|
-
* _@Component({
|
|
6067
|
-
* selector: 'my-app',
|
|
6068
|
-
* template: `
|
|
6069
|
-
* <kendo-chart>
|
|
5987
|
+
* ```html
|
|
5988
|
+
* <kendo-chart>
|
|
6070
5989
|
* <kendo-chart-y-axis>
|
|
6071
|
-
*
|
|
6072
|
-
*
|
|
6073
|
-
*
|
|
6074
|
-
*
|
|
6075
|
-
*
|
|
6076
|
-
*
|
|
6077
|
-
*
|
|
6078
|
-
*
|
|
5990
|
+
* <kendo-chart-y-axis-item
|
|
5991
|
+
* [background]="'rgba(100, 100, 100, 0.2)'"
|
|
5992
|
+
* color="red"
|
|
5993
|
+
* [notes]="notesConfig"
|
|
5994
|
+
* [crosshair]="crosshairConfig">
|
|
5995
|
+
* </kendo-chart-y-axis-item>
|
|
5996
|
+
* <kendo-chart-y-axis-item name="secondAxis">
|
|
5997
|
+
* </kendo-chart-y-axis-item>
|
|
6079
5998
|
* </kendo-chart-y-axis>
|
|
6080
|
-
*
|
|
6081
|
-
* <kendo-chart-series-item type="scatter" [data]="[[1, 2]]">
|
|
6082
|
-
* </kendo-chart-series-item>
|
|
6083
|
-
* <kendo-chart-series-item type="scatter" [data]="[[0.1, 0.2]]"
|
|
6084
|
-
* yAxis="secondAxis">
|
|
6085
|
-
* </kendo-chart-series-item>
|
|
6086
|
-
* </kendo-chart-series>
|
|
6087
|
-
* </kendo-chart>
|
|
6088
|
-
* `
|
|
6089
|
-
* })
|
|
6090
|
-
* export class AppComponent {
|
|
6091
|
-
* public notesConfig = {
|
|
6092
|
-
* data: [{
|
|
6093
|
-
* value: 0.2,
|
|
6094
|
-
* text: "foo"
|
|
6095
|
-
* }, {
|
|
6096
|
-
* value: 0.8,
|
|
6097
|
-
* text: "bar"
|
|
6098
|
-
* }],
|
|
6099
|
-
* label: {
|
|
6100
|
-
* content: (args: any) => args.dataItem.text,
|
|
6101
|
-
* background: 'red',
|
|
6102
|
-
* color: 'white'
|
|
6103
|
-
* },
|
|
6104
|
-
* line: {
|
|
6105
|
-
* color: 'blue',
|
|
6106
|
-
* dashType: 'dash',
|
|
6107
|
-
* length: 150,
|
|
6108
|
-
* width: 2
|
|
6109
|
-
* },
|
|
6110
|
-
* position: 'top'
|
|
6111
|
-
* };
|
|
6112
|
-
*
|
|
6113
|
-
* public crosshairConfig = {
|
|
6114
|
-
* color: 'green',
|
|
6115
|
-
* opacity: 0.8,
|
|
6116
|
-
* visible: true,
|
|
6117
|
-
* width: 3
|
|
6118
|
-
* };
|
|
6119
|
-
* }
|
|
6120
|
-
*
|
|
5999
|
+
* </kendo-chart>
|
|
6121
6000
|
* ```
|
|
6122
6001
|
*/
|
|
6123
6002
|
class YAxisComponent extends CollectionComponent {
|
|
@@ -6665,41 +6544,21 @@ const NAVIGATOR_DEFAULTS = {
|
|
|
6665
6544
|
* The root StockChart component.
|
|
6666
6545
|
*
|
|
6667
6546
|
* @example
|
|
6668
|
-
* ```
|
|
6669
|
-
*
|
|
6670
|
-
*
|
|
6671
|
-
*
|
|
6672
|
-
*
|
|
6673
|
-
*
|
|
6674
|
-
* <kendo-
|
|
6675
|
-
* <kendo-chart-
|
|
6676
|
-
*
|
|
6677
|
-
*
|
|
6678
|
-
*
|
|
6679
|
-
*
|
|
6680
|
-
*
|
|
6681
|
-
*
|
|
6682
|
-
*
|
|
6683
|
-
* <kendo-chart-navigator-series-item type="area" [data]="data" field="value" categoryField="date">
|
|
6684
|
-
* </kendo-chart-navigator-series-item>
|
|
6685
|
-
* </kendo-chart-navigator-series>
|
|
6686
|
-
* </kendo-chart-navigator>
|
|
6687
|
-
* </kendo-stockchart>
|
|
6688
|
-
* `
|
|
6689
|
-
* })
|
|
6690
|
-
* class AppComponent {
|
|
6691
|
-
* public data: any[] = [];
|
|
6692
|
-
*
|
|
6693
|
-
* constructor() {
|
|
6694
|
-
* for (let idx = 0; idx < 100; idx++) {
|
|
6695
|
-
* this.data.push({
|
|
6696
|
-
* date: new Date(2017, 0, idx),
|
|
6697
|
-
* value: Math.random() * 100
|
|
6698
|
-
* });
|
|
6699
|
-
* }
|
|
6700
|
-
* }
|
|
6701
|
-
* }
|
|
6702
|
-
*
|
|
6547
|
+
* ```html
|
|
6548
|
+
* <kendo-stockchart>
|
|
6549
|
+
* <kendo-chart-series>
|
|
6550
|
+
* <kendo-chart-series-item type="line" [data]="data" field="value" categoryField="date">
|
|
6551
|
+
* </kendo-chart-series-item>
|
|
6552
|
+
* </kendo-chart-series>
|
|
6553
|
+
* <kendo-chart-navigator>
|
|
6554
|
+
* <kendo-chart-navigator-select to="2017/02/01">
|
|
6555
|
+
* </kendo-chart-navigator-select>
|
|
6556
|
+
* <kendo-chart-navigator-series>
|
|
6557
|
+
* <kendo-chart-navigator-series-item type="area" [data]="data" field="value" categoryField="date">
|
|
6558
|
+
* </kendo-chart-navigator-series-item>
|
|
6559
|
+
* </kendo-chart-navigator-series>
|
|
6560
|
+
* </kendo-chart-navigator>
|
|
6561
|
+
* </kendo-stockchart>
|
|
6703
6562
|
* ```
|
|
6704
6563
|
*/
|
|
6705
6564
|
class StockChartComponent extends ChartComponent {
|
|
@@ -7618,25 +7477,9 @@ const STOCK_CHART_DIRECTIVES = [
|
|
|
7618
7477
|
* The root Chart component.
|
|
7619
7478
|
*
|
|
7620
7479
|
* @example
|
|
7621
|
-
* ```
|
|
7622
|
-
*
|
|
7623
|
-
*
|
|
7624
|
-
* _@Component({
|
|
7625
|
-
* selector: 'my-app',
|
|
7626
|
-
* template: `
|
|
7627
|
-
* <kendo-sparkline [data]="data" type="column">
|
|
7628
|
-
* </kendo-sparkline>
|
|
7629
|
-
* `
|
|
7630
|
-
* })
|
|
7631
|
-
* class AppComponent {
|
|
7632
|
-
* public data: any[] = [
|
|
7633
|
-
* 936, 968, 1025, 999, 998, 1014, 1017, 1010, 1010, 1007,
|
|
7634
|
-
* 1004, 988, 990, 988, 987, 995, 946, 954, 991, 984,
|
|
7635
|
-
* 974, 956, 986, 936, 955, 1021, 1013, 1005, 958, 953,
|
|
7636
|
-
* 952, 940, 937, 980, 966, 965, 928, 916, 910, 980
|
|
7637
|
-
* ];
|
|
7638
|
-
* }
|
|
7639
|
-
*
|
|
7480
|
+
* ```html
|
|
7481
|
+
* <kendo-sparkline [data]="[936, 968, 1025, 999]" type="column">
|
|
7482
|
+
* </kendo-sparkline>
|
|
7640
7483
|
* ```
|
|
7641
7484
|
*/
|
|
7642
7485
|
class SparklineComponent extends ChartComponent {
|
|
@@ -9,7 +9,7 @@ import { Border, Margin } from '../../common/property-types';
|
|
|
9
9
|
*/
|
|
10
10
|
export interface PanesTitle {
|
|
11
11
|
/**
|
|
12
|
-
* The background color of the title. Accepts a valid CSS color string, including
|
|
12
|
+
* The background color of the title. Accepts a valid CSS color string, including HEX and RGB.
|
|
13
13
|
*/
|
|
14
14
|
background?: string;
|
|
15
15
|
/**
|
|
@@ -17,7 +17,7 @@ export interface PanesTitle {
|
|
|
17
17
|
*/
|
|
18
18
|
border?: Border;
|
|
19
19
|
/**
|
|
20
|
-
* The text color of the title. Accepts a valid CSS color string, including
|
|
20
|
+
* The text color of the title. Accepts a valid CSS color string, including HEX and RGB.
|
|
21
21
|
*/
|
|
22
22
|
color?: string;
|
|
23
23
|
/**
|
|
@@ -9,7 +9,7 @@ import { Border, Margin } from '../../common/property-types';
|
|
|
9
9
|
*/
|
|
10
10
|
export interface PaneDefaultsTitle {
|
|
11
11
|
/**
|
|
12
|
-
* The background color of the title. Accepts a valid CSS color string, including
|
|
12
|
+
* The background color of the title. Accepts a valid CSS color string, including HEX and RGB.
|
|
13
13
|
*/
|
|
14
14
|
background?: string;
|
|
15
15
|
/**
|
|
@@ -9,7 +9,7 @@ import { PanesTitle } from './pane/title.interface';
|
|
|
9
9
|
*/
|
|
10
10
|
export interface PaneDefaults {
|
|
11
11
|
/**
|
|
12
|
-
* The background color of the pane. Accepts a valid CSS color string, including
|
|
12
|
+
* The background color of the pane. Accepts a valid CSS color string, including HEX and RGB.
|
|
13
13
|
*/
|
|
14
14
|
background?: string;
|
|
15
15
|
/**
|
|
@@ -8,7 +8,7 @@ import { Border, Margin, Padding, SeriesLabelsContentArgs } from '../../common/p
|
|
|
8
8
|
*/
|
|
9
9
|
export interface SeriesDefaultsLabelsFrom {
|
|
10
10
|
/**
|
|
11
|
-
* The background color of the `from` labels. Accepts a valid CSS color string, including
|
|
11
|
+
* The background color of the `from` labels. Accepts a valid CSS color string, including HEX and RGB.
|
|
12
12
|
*/
|
|
13
13
|
background?: string;
|
|
14
14
|
/**
|
|
@@ -16,7 +16,7 @@ export interface SeriesDefaultsLabelsFrom {
|
|
|
16
16
|
*/
|
|
17
17
|
border?: Border;
|
|
18
18
|
/**
|
|
19
|
-
* The text color of the `from` labels. Accepts a valid CSS color string, including
|
|
19
|
+
* The text color of the `from` labels. Accepts a valid CSS color string, including HEX and RGB.
|
|
20
20
|
*/
|
|
21
21
|
color?: string;
|
|
22
22
|
/**
|
|
@@ -11,7 +11,7 @@ import { SeriesDefaultsLabelsTo } from './labels.to.interface';
|
|
|
11
11
|
*/
|
|
12
12
|
export interface SeriesDefaultsLabels {
|
|
13
13
|
/**
|
|
14
|
-
* The background color of the labels. Accepts a valid CSS color string, including
|
|
14
|
+
* The background color of the labels. Accepts a valid CSS color string, including HEX and RGB.
|
|
15
15
|
*/
|
|
16
16
|
background?: string;
|
|
17
17
|
/**
|
|
@@ -19,7 +19,7 @@ export interface SeriesDefaultsLabels {
|
|
|
19
19
|
*/
|
|
20
20
|
border?: Border;
|
|
21
21
|
/**
|
|
22
|
-
* The text color of the labels. Accepts a valid CSS color string, including
|
|
22
|
+
* The text color of the labels. Accepts a valid CSS color string, including HEX and RGB.
|
|
23
23
|
*/
|
|
24
24
|
color?: string;
|
|
25
25
|
/**
|
|
@@ -8,7 +8,7 @@ import { Border, Margin, Padding, SeriesLabelsContentArgs } from '../../common/p
|
|
|
8
8
|
*/
|
|
9
9
|
export interface SeriesDefaultsLabelsTo {
|
|
10
10
|
/**
|
|
11
|
-
* The background color of `to` lables. Accepts a valid CSS color string, including
|
|
11
|
+
* The background color of `to` lables. Accepts a valid CSS color string, including HEX and RGB.
|
|
12
12
|
*/
|
|
13
13
|
background?: string;
|
|
14
14
|
/**
|
|
@@ -16,7 +16,7 @@ export interface SeriesDefaultsLabelsTo {
|
|
|
16
16
|
*/
|
|
17
17
|
border?: Border;
|
|
18
18
|
/**
|
|
19
|
-
* The text color of `to` labels. Accepts a valid CSS color string, including
|
|
19
|
+
* The text color of `to` labels. Accepts a valid CSS color string, including HEX and RGB.
|
|
20
20
|
*/
|
|
21
21
|
color?: string;
|
|
22
22
|
/**
|
|
@@ -8,7 +8,7 @@ import { Border, NoteLabelPosition, SeriesNoteContentArgs } from '../../common/p
|
|
|
8
8
|
*/
|
|
9
9
|
export interface SeriesDefaultsNotesLabel {
|
|
10
10
|
/**
|
|
11
|
-
* The background color of the label. Accepts a valid CSS color string, including
|
|
11
|
+
* The background color of the label. Accepts a valid CSS color string, including HEX and RGB.
|
|
12
12
|
*/
|
|
13
13
|
background?: string;
|
|
14
14
|
/**
|
|
@@ -16,7 +16,7 @@ export interface SeriesDefaultsNotesLabel {
|
|
|
16
16
|
*/
|
|
17
17
|
border?: Border;
|
|
18
18
|
/**
|
|
19
|
-
* The text color of the label. Accepts a valid CSS color string, including
|
|
19
|
+
* The text color of the label. Accepts a valid CSS color string, including HEX and RGB.
|
|
20
20
|
*/
|
|
21
21
|
color?: string;
|
|
22
22
|
/**
|
|
@@ -9,7 +9,7 @@ import { ErrorBarLine, ErrorBarsValueArgs, ErrorBarsVisualArgs } from '../../com
|
|
|
9
9
|
*/
|
|
10
10
|
export interface SeriesErrorBars {
|
|
11
11
|
/**
|
|
12
|
-
* The color of the error bars. Accepts a valid CSS color string, including
|
|
12
|
+
* The color of the error bars. Accepts a valid CSS color string, including HEX and RGB.
|
|
13
13
|
*/
|
|
14
14
|
color?: string;
|
|
15
15
|
/**
|
|
@@ -38,7 +38,7 @@ export interface SeriesErrorBars {
|
|
|
38
38
|
*/
|
|
39
39
|
value?: string | number | [number, number] | ((e: ErrorBarsValueArgs) => [number, number]);
|
|
40
40
|
/**
|
|
41
|
-
* A function
|
|
41
|
+
* A function for creating custom visuals for the error bars.
|
|
42
42
|
*/
|
|
43
43
|
visual?: (e: ErrorBarsVisualArgs) => drawing.Element;
|
|
44
44
|
/**
|
|
@@ -17,7 +17,7 @@ export interface SeriesHighlight {
|
|
|
17
17
|
*/
|
|
18
18
|
border?: Border;
|
|
19
19
|
/**
|
|
20
|
-
* The highlight color. Accepts a valid CSS color string, including
|
|
20
|
+
* The highlight color. Accepts a valid CSS color string, including HEX and RGB.
|
|
21
21
|
* The color option is supported when [`series.type`]({% slug api_charts_series %}#toc-type) is set to `"donut"` or `"pie"`.
|
|
22
22
|
*/
|
|
23
23
|
color?: string;
|
|
@@ -8,7 +8,7 @@ import { Border, Margin, Padding, SeriesLabelsContentArgs } from '../../common/p
|
|
|
8
8
|
*/
|
|
9
9
|
export interface SeriesLabelsFrom {
|
|
10
10
|
/**
|
|
11
|
-
* The background color of the `from` labels. Accepts a valid CSS color string, including
|
|
11
|
+
* The background color of the `from` labels. Accepts a valid CSS color string, including HEW and RGB.
|
|
12
12
|
*/
|
|
13
13
|
background?: string;
|
|
14
14
|
/**
|
|
@@ -17,7 +17,7 @@ export interface SeriesLabels {
|
|
|
17
17
|
*/
|
|
18
18
|
align?: SeriesLabelsAlignment;
|
|
19
19
|
/**
|
|
20
|
-
* The background color of the labels. Accepts a valid CSS color string, including
|
|
20
|
+
* The background color of the labels. Accepts a valid CSS color string, including HEX and RGB.
|
|
21
21
|
*/
|
|
22
22
|
background?: string;
|
|
23
23
|
/**
|
|
@@ -25,7 +25,7 @@ export interface SeriesLabels {
|
|
|
25
25
|
*/
|
|
26
26
|
border?: Border;
|
|
27
27
|
/**
|
|
28
|
-
* The text color of the labels. Accepts a valid CSS color string, including
|
|
28
|
+
* The text color of the labels. Accepts a valid CSS color string, including HEX and RGB.
|
|
29
29
|
*/
|
|
30
30
|
color?: string;
|
|
31
31
|
/**
|
|
@@ -8,7 +8,7 @@ import { Border, Margin, Padding, SeriesLabelsContentArgs } from '../../common/p
|
|
|
8
8
|
*/
|
|
9
9
|
export interface SeriesLabelsTo {
|
|
10
10
|
/**
|
|
11
|
-
* The background color of the `to` labels. Accepts a valid CSS color string, including
|
|
11
|
+
* The background color of the `to` labels. Accepts a valid CSS color string, including HEW and RGB.
|
|
12
12
|
*/
|
|
13
13
|
background?: string;
|
|
14
14
|
/**
|
|
@@ -8,7 +8,7 @@ import { Border, NoteLabelPosition, SeriesNoteContentArgs } from '../../common/p
|
|
|
8
8
|
*/
|
|
9
9
|
export interface SeriesNotesLabel {
|
|
10
10
|
/**
|
|
11
|
-
* The background color of the label. Accepts a valid CSS color string, including
|
|
11
|
+
* The background color of the label. Accepts a valid CSS color string, including HEX and RGB.
|
|
12
12
|
*/
|
|
13
13
|
background?: string;
|
|
14
14
|
/**
|
|
@@ -16,7 +16,7 @@ export interface SeriesNotesLabel {
|
|
|
16
16
|
*/
|
|
17
17
|
border?: Border;
|
|
18
18
|
/**
|
|
19
|
-
* The text color of the label. Accepts a valid CSS color string, including
|
|
19
|
+
* The text color of the label. Accepts a valid CSS color string, including HEX and RGB.
|
|
20
20
|
*/
|
|
21
21
|
color?: string;
|
|
22
22
|
/**
|
|
@@ -8,7 +8,7 @@ import { Border, Padding } from '../../common/property-types';
|
|
|
8
8
|
*/
|
|
9
9
|
export interface SeriesTooltip {
|
|
10
10
|
/**
|
|
11
|
-
* The background color of the tooltip. Accepts a valid CSS color string, including
|
|
11
|
+
* The background color of the tooltip. Accepts a valid CSS color string, including HEX and RGB.
|
|
12
12
|
*/
|
|
13
13
|
background?: string;
|
|
14
14
|
/**
|
|
@@ -16,7 +16,7 @@ export interface SeriesTooltip {
|
|
|
16
16
|
*/
|
|
17
17
|
border?: Border;
|
|
18
18
|
/**
|
|
19
|
-
* The text color of the tooltip. Accepts a valid CSS color string, including
|
|
19
|
+
* The text color of the tooltip. Accepts a valid CSS color string, including HEX and RGB.
|
|
20
20
|
*/
|
|
21
21
|
color?: string;
|
|
22
22
|
/**
|
|
@@ -24,7 +24,7 @@ export interface SeriesTooltip {
|
|
|
24
24
|
*/
|
|
25
25
|
font?: string;
|
|
26
26
|
/**
|
|
27
|
-
* The format of the labels. Uses the [`format`]({% slug api_intl_intlservice %}#toc-format) method of IntlService
|
|
27
|
+
* The format of the labels. Uses the [`format`]({% slug api_intl_intlservice %}#toc-format) method of `IntlService`.
|
|
28
28
|
*
|
|
29
29
|
* The Area, Bar, Column, Funnel, Line, and Pie are represented by `{0}` as the value placeholder.
|
|
30
30
|
*
|
|
@@ -105,9 +105,9 @@ export interface Series {
|
|
|
105
105
|
* The array of data items which represent the series data.
|
|
106
106
|
*
|
|
107
107
|
* You can set it to:
|
|
108
|
-
* Array of objects. Each point is bound to the field specified through the [`series.field`]({% slug api_charts_series %}#toc-field) option.
|
|
109
|
-
* Array of numbers. Supported when the [`series.type`]({% slug api_charts_series %}#toc-type) option is set to `"area"`, `"bar"`, `"column"`, `"donut"`, `"pie"`, `"line"`, or `"waterfall"`.
|
|
110
|
-
* Array of arrays of numbers. Supported when the [`series.type`]({% slug api_charts_series %}#toc-type) option is set to `"bubble"`, `"scatter"`, `"scatterLine"`, `"ohlc"`, `"polar"`, `"rangeBar"`, or `"rangeArea"`.
|
|
108
|
+
* - Array of objects. Each point is bound to the field specified through the [`series.field`]({% slug api_charts_series %}#toc-field) option.
|
|
109
|
+
* - Array of numbers. Supported when the [`series.type`]({% slug api_charts_series %}#toc-type) option is set to `"area"`, `"bar"`, `"column"`, `"donut"`, `"pie"`, `"line"`, or `"waterfall"`.
|
|
110
|
+
* - Array of arrays of numbers. Supported when the [`series.type`]({% slug api_charts_series %}#toc-type) option is set to `"bubble"`, `"scatter"`, `"scatterLine"`, `"ohlc"`, `"polar"`, `"rangeBar"`, or `"rangeArea"`.
|
|
111
111
|
*
|
|
112
112
|
* The Bubble series need arrays of three values—X value, Y value, and Size value—for example, `[1, 1, 10]`.
|
|
113
113
|
*
|
|
@@ -239,11 +239,9 @@ export interface Series {
|
|
|
239
239
|
* `"radarLine"`, `"radarArea"`, `"polarLine"`, or `"polarArea"`.
|
|
240
240
|
*
|
|
241
241
|
* The supported values are:
|
|
242
|
-
*
|
|
243
|
-
* `"
|
|
244
|
-
* `"
|
|
245
|
-
* Represents the default value for all series except for the `"area"` and stacked series. Area and stacked series default to `"zero"`.
|
|
246
|
-
* `"zero"`—The value is assumed to be zero.
|
|
242
|
+
* - `"gap"`—The plot stops before the missing point and continues after it.
|
|
243
|
+
* - `"interpolate"`—The value is interpolated from neighboring points. Represents the default value for all series except for the `"area"` and stacked series. Area and stacked series default to `"zero"`.
|
|
244
|
+
* - `"zero"`—The value is assumed to be zero.
|
|
247
245
|
*/
|
|
248
246
|
missingValues?: 'gap' | 'interpolate' | 'zero';
|
|
249
247
|
/**
|
|
@@ -258,7 +256,7 @@ export interface Series {
|
|
|
258
256
|
neckRatio?: number;
|
|
259
257
|
/**
|
|
260
258
|
* The color to use for the Bar, Column, or Waterfall series with negative values.
|
|
261
|
-
* Accepts a valid CSS color string, including
|
|
259
|
+
* Accepts a valid CSS color string, including HEX and RGB.
|
|
262
260
|
*/
|
|
263
261
|
negativeColor?: string;
|
|
264
262
|
/**
|
|
@@ -399,10 +397,8 @@ export interface Series {
|
|
|
399
397
|
* - `stackValue`—The cumulative point value on the stack. Available only for the stackable series.
|
|
400
398
|
* - `sender`—The Chart instance.
|
|
401
399
|
* - `series`—The point series.
|
|
402
|
-
* - `percentage`—The point value represented as a percentage value. Available only for the Donut, Pie, and
|
|
403
|
-
*
|
|
404
|
-
* - `runningTotal`—The sum of point values since the last `"runningTotal"` summary point. Available for
|
|
405
|
-
* the Waterfall series.
|
|
400
|
+
* - `percentage`—The point value represented as a percentage value. Available only for the Donut, Pie, and 100% Stacked Charts.
|
|
401
|
+
* - `runningTotal`—The sum of point values since the last `"runningTotal"` summary point. Available for the Waterfall series.
|
|
406
402
|
* - `total`—The sum of all previous series values. Available for the Waterfall series.
|
|
407
403
|
* - `radius`—The segment radius. Available for the Donut and Pie series.
|
|
408
404
|
* - `innerRadius`—The segment inner radius. Available for the Donut series.
|
|
@@ -17,7 +17,7 @@ export interface Subtitle {
|
|
|
17
17
|
*/
|
|
18
18
|
align?: 'center' | 'left' | 'right';
|
|
19
19
|
/**
|
|
20
|
-
* The background color of the subtitle. Accepts a valid CSS color string, including
|
|
20
|
+
* The background color of the subtitle. Accepts a valid CSS color string, including HEX and RGB.
|
|
21
21
|
*/
|
|
22
22
|
background?: string;
|
|
23
23
|
/**
|
|
@@ -25,7 +25,7 @@ export interface Subtitle {
|
|
|
25
25
|
*/
|
|
26
26
|
border?: Border;
|
|
27
27
|
/**
|
|
28
|
-
* The text color of the subtitle. Accepts a valid CSS color string, including
|
|
28
|
+
* The text color of the subtitle. Accepts a valid CSS color string, including HEX and RGB.
|
|
29
29
|
*/
|
|
30
30
|
color?: string;
|
|
31
31
|
/**
|
|
@@ -37,7 +37,7 @@ export interface Subtitle {
|
|
|
37
37
|
*/
|
|
38
38
|
margin?: Margin | number;
|
|
39
39
|
/**
|
|
40
|
-
* The padding of the subtitle. A numeric value sets all
|
|
40
|
+
* The padding of the subtitle. A numeric value sets all paddings.
|
|
41
41
|
*/
|
|
42
42
|
padding?: Padding | number;
|
|
43
43
|
/**
|