@bryntum/chart-angular-thin 7.2.1 → 7.2.3
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/bundles/bryntum-chart-angular-thin.umd.js +9 -9
- package/bundles/bryntum-chart-angular-thin.umd.js.map +1 -1
- package/esm2015/lib/bryntum-chart.component.js +10 -10
- package/fesm2015/bryntum-chart-angular-thin.js +9 -9
- package/fesm2015/bryntum-chart-angular-thin.js.map +1 -1
- package/lib/bryntum-chart.component.d.ts +13 -15
- package/package.json +1 -1
- package/src/lib/bryntum-chart.component.ts +16 -18
|
@@ -73,14 +73,15 @@ export declare type BryntumChartProps = {
|
|
|
73
73
|
* The chart background color, or `null` for transparent.
|
|
74
74
|
*/
|
|
75
75
|
background?: string;
|
|
76
|
-
/**
|
|
77
|
-
* (Optional) The name of a field in the chart data to use as the background color for each data point.
|
|
78
|
-
*/
|
|
79
|
-
backgroundColorField?: string;
|
|
80
76
|
/**
|
|
81
77
|
* Layout direction for the bar chart type.
|
|
82
78
|
*/
|
|
83
79
|
barDirection?: 'vertical' | 'horizontal';
|
|
80
|
+
/**
|
|
81
|
+
* (Optional) For `'bar'` charts, the amount of the available bar area each bar in this series should occupy,
|
|
82
|
+
* from 0 to 1. Default: 0.9.
|
|
83
|
+
*/
|
|
84
|
+
barWidth?: number;
|
|
84
85
|
/**
|
|
85
86
|
* Set `true` to add a border to this container's element.
|
|
86
87
|
*/
|
|
@@ -247,6 +248,11 @@ export declare type BryntumChartProps = {
|
|
|
247
248
|
* The name of the record field containing the data for this series.
|
|
248
249
|
*/
|
|
249
250
|
field?: string;
|
|
251
|
+
/**
|
|
252
|
+
* (Optional) The name of a field in the chart data to use as the background color for each data element
|
|
253
|
+
* (e.g. bar).
|
|
254
|
+
*/
|
|
255
|
+
fillColorField?: string;
|
|
250
256
|
/**
|
|
251
257
|
* When this widget is a child of a [Container](https://bryntum.com/products/chart/docs/api/Core/widget/Container), it will by default be participating in a
|
|
252
258
|
* flexbox layout. This config allows you to set this widget's
|
|
@@ -495,14 +501,6 @@ export declare type BryntumChartProps = {
|
|
|
495
501
|
* [View online docs...](https://bryntum.com/products/chart/docs/api/Chart/widget/Chart#config-namedItems)
|
|
496
502
|
*/
|
|
497
503
|
namedItems?: Record<string, ChartContainerItemConfig>;
|
|
498
|
-
/**
|
|
499
|
-
* The owning Widget of this Widget. If this Widget is directly contained (that is, it is one of the
|
|
500
|
-
* [items](https://bryntum.com/products/chart/docs/api/Core/widget/Container#property-items) of a Container), this config will be ignored. In this case
|
|
501
|
-
* the owner is <strong>always</strong> the encapsulating Container.
|
|
502
|
-
* ...
|
|
503
|
-
* [View online docs...](https://bryntum.com/products/chart/docs/api/Chart/widget/Chart#config-owner)
|
|
504
|
-
*/
|
|
505
|
-
owner?: Widget | any;
|
|
506
504
|
/**
|
|
507
505
|
* Radius of data points, in pixels.
|
|
508
506
|
*/
|
|
@@ -807,7 +805,6 @@ export declare class BryntumChartComponent implements OnInit, OnDestroy {
|
|
|
807
805
|
immediate?: boolean;
|
|
808
806
|
};
|
|
809
807
|
namedItems: Record<string, ChartContainerItemConfig>;
|
|
810
|
-
owner: Widget | any;
|
|
811
808
|
positioned: boolean;
|
|
812
809
|
preventTooltipOnTouch: boolean;
|
|
813
810
|
relayStoreEvents: boolean;
|
|
@@ -836,8 +833,8 @@ export declare class BryntumChartComponent implements OnInit, OnDestroy {
|
|
|
836
833
|
axisColor: string;
|
|
837
834
|
axisLabelColor: string;
|
|
838
835
|
background: string;
|
|
839
|
-
backgroundColorField: string;
|
|
840
836
|
barDirection: 'vertical' | 'horizontal';
|
|
837
|
+
barWidth: number;
|
|
841
838
|
bubbleScaleFactor: number;
|
|
842
839
|
callOnFunctions: boolean;
|
|
843
840
|
catchEventHandlerExceptions: boolean;
|
|
@@ -853,6 +850,7 @@ export declare class BryntumChartComponent implements OnInit, OnDestroy {
|
|
|
853
850
|
disabled: boolean | 'inert';
|
|
854
851
|
extraData: any;
|
|
855
852
|
field: string;
|
|
853
|
+
fillColorField: string;
|
|
856
854
|
flex: number | string;
|
|
857
855
|
gridColor: string;
|
|
858
856
|
height: number | string;
|
|
@@ -1056,5 +1054,5 @@ export declare class BryntumChartComponent implements OnInit, OnDestroy {
|
|
|
1056
1054
|
*/
|
|
1057
1055
|
ngOnDestroy(): void;
|
|
1058
1056
|
static ɵfac: i0.ɵɵFactoryDeclaration<BryntumChartComponent, never>;
|
|
1059
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<BryntumChartComponent, "bryntum-chart", never, { "adopt": "adopt"; "align": "align"; "anchor": "anchor"; "ariaDescription": "ariaDescription"; "ariaLabel": "ariaLabel"; "autoUpdateRecord": "autoUpdateRecord"; "border": "border"; "bubbleEvents": "bubbleEvents"; "centered": "centered"; "color": "color"; "config": "config"; "constrainTo": "constrainTo"; "contentElementCls": "contentElementCls"; "dataField": "dataField"; "defaultBindProperty": "defaultBindProperty"; "defaultFocus": "defaultFocus"; "defaults": "defaults"; "detectCSSCompatibilityIssues": "detectCSSCompatibilityIssues"; "dock": "dock"; "draggable": "draggable"; "elementAttributes": "elementAttributes"; "floating": "floating"; "hideAnimation": "hideAnimation"; "hideWhenEmpty": "hideWhenEmpty"; "htmlCls": "htmlCls"; "ignoreParentReadOnly": "ignoreParentReadOnly"; "itemCls": "itemCls"; "lazyItems": "lazyItems"; "listeners": "listeners"; "localeClass": "localeClass"; "localizable": "localizable"; "localizableProperties": "localizableProperties"; "maskDefaults": "maskDefaults"; "masked": "masked"; "monitorResize": "monitorResize"; "namedItems": "namedItems"; "
|
|
1057
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<BryntumChartComponent, "bryntum-chart", never, { "adopt": "adopt"; "align": "align"; "anchor": "anchor"; "ariaDescription": "ariaDescription"; "ariaLabel": "ariaLabel"; "autoUpdateRecord": "autoUpdateRecord"; "border": "border"; "bubbleEvents": "bubbleEvents"; "centered": "centered"; "color": "color"; "config": "config"; "constrainTo": "constrainTo"; "contentElementCls": "contentElementCls"; "dataField": "dataField"; "defaultBindProperty": "defaultBindProperty"; "defaultFocus": "defaultFocus"; "defaults": "defaults"; "detectCSSCompatibilityIssues": "detectCSSCompatibilityIssues"; "dock": "dock"; "draggable": "draggable"; "elementAttributes": "elementAttributes"; "floating": "floating"; "hideAnimation": "hideAnimation"; "hideWhenEmpty": "hideWhenEmpty"; "htmlCls": "htmlCls"; "ignoreParentReadOnly": "ignoreParentReadOnly"; "itemCls": "itemCls"; "lazyItems": "lazyItems"; "listeners": "listeners"; "localeClass": "localeClass"; "localizable": "localizable"; "localizableProperties": "localizableProperties"; "maskDefaults": "maskDefaults"; "masked": "masked"; "monitorResize": "monitorResize"; "namedItems": "namedItems"; "positioned": "positioned"; "preventTooltipOnTouch": "preventTooltipOnTouch"; "relayStoreEvents": "relayStoreEvents"; "ripple": "ripple"; "rootElement": "rootElement"; "scrollAction": "scrollAction"; "showAnimation": "showAnimation"; "showTooltipWhenDisabled": "showTooltipWhenDisabled"; "tab": "tab"; "tabBarItems": "tabBarItems"; "tag": "tag"; "textAlign": "textAlign"; "textContent": "textContent"; "type": "type"; "ui": "ui"; "weight": "weight"; "alignSelf": "alignSelf"; "animate": "animate"; "animationDuration": "animationDuration"; "appendTo": "appendTo"; "axisColor": "axisColor"; "axisLabelColor": "axisLabelColor"; "background": "background"; "barDirection": "barDirection"; "barWidth": "barWidth"; "bubbleScaleFactor": "bubbleScaleFactor"; "callOnFunctions": "callOnFunctions"; "catchEventHandlerExceptions": "catchEventHandlerExceptions"; "chartPadding": "chartPadding"; "chartTooltip": "chartTooltip"; "chartType": "chartType"; "cls": "cls"; "column": "column"; "content": "content"; "data": "data"; "dataPointShape": "dataPointShape"; "dataset": "dataset"; "disabled": "disabled"; "extraData": "extraData"; "field": "field"; "fillColorField": "fillColorField"; "flex": "flex"; "gridColor": "gridColor"; "height": "height"; "hidden": "hidden"; "html": "html"; "id": "id"; "inputFieldAlign": "inputFieldAlign"; "insertBefore": "insertBefore"; "insertFirst": "insertFirst"; "interactive": "interactive"; "items": "items"; "keyMap": "keyMap"; "label": "label"; "labelPosition": "labelPosition"; "labels": "labels"; "layout": "layout"; "layoutStyle": "layoutStyle"; "legendPosition": "legendPosition"; "legendScale": "legendScale"; "margin": "margin"; "max": "max"; "maxHeight": "maxHeight"; "maximizeOnMobile": "maximizeOnMobile"; "maxTickLabelRotation": "maxTickLabelRotation"; "maxWidth": "maxWidth"; "min": "min"; "minHeight": "minHeight"; "minTickLabelRotation": "minTickLabelRotation"; "minWidth": "minWidth"; "pointSize": "pointSize"; "readOnly": "readOnly"; "record": "record"; "rendition": "rendition"; "role": "role"; "rtl": "rtl"; "scrollable": "scrollable"; "series": "series"; "seriesLineDash": "seriesLineDash"; "seriesLineOpacity": "seriesLineOpacity"; "seriesLineThickness": "seriesLineThickness"; "showControls": "showControls"; "showLegend": "showLegend"; "showPoints": "showPoints"; "showSubtitle": "showSubtitle"; "showTicks": "showTicks"; "showTitle": "showTitle"; "showTooltips": "showTooltips"; "span": "span"; "strictRecordMapping": "strictRecordMapping"; "subtitle": "subtitle"; "subtitleFont": "subtitleFont"; "subtitlePadding": "subtitlePadding"; "tickFont": "tickFont"; "tickMarkColor": "tickMarkColor"; "title": "title"; "titleFont": "titleFont"; "titlePadding": "titlePadding"; "tooltip": "tooltip"; "width": "width"; "x": "x"; "y": "y"; "anchorSize": "anchorSize"; "focusVisible": "focusVisible"; "hasChanges": "hasChanges"; "isSettingValues": "isSettingValues"; "isValid": "isValid"; "parent": "parent"; "values": "values"; }, { "onBeforeDestroy": "onBeforeDestroy"; "onBeforeHide": "onBeforeHide"; "onBeforeSetRecord": "onBeforeSetRecord"; "onBeforeShow": "onBeforeShow"; "onCatchAll": "onCatchAll"; "onDestroy": "onDestroy"; "onDirtyStateChange": "onDirtyStateChange"; "onElementCreated": "onElementCreated"; "onFocusIn": "onFocusIn"; "onFocusOut": "onFocusOut"; "onHide": "onHide"; "onPaint": "onPaint"; "onReadOnly": "onReadOnly"; "onRecompose": "onRecompose"; "onResize": "onResize"; "onShow": "onShow"; }, never, never>;
|
|
1060
1058
|
}
|
package/package.json
CHANGED
|
@@ -81,14 +81,15 @@ export type BryntumChartProps = {
|
|
|
81
81
|
* The chart background color, or `null` for transparent.
|
|
82
82
|
*/
|
|
83
83
|
background ? : string
|
|
84
|
-
/**
|
|
85
|
-
* (Optional) The name of a field in the chart data to use as the background color for each data point.
|
|
86
|
-
*/
|
|
87
|
-
backgroundColorField ? : string
|
|
88
84
|
/**
|
|
89
85
|
* Layout direction for the bar chart type.
|
|
90
86
|
*/
|
|
91
87
|
barDirection ? : 'vertical'|'horizontal'
|
|
88
|
+
/**
|
|
89
|
+
* (Optional) For `'bar'` charts, the amount of the available bar area each bar in this series should occupy,
|
|
90
|
+
* from 0 to 1. Default: 0.9.
|
|
91
|
+
*/
|
|
92
|
+
barWidth ? : number
|
|
92
93
|
/**
|
|
93
94
|
* Set `true` to add a border to this container's element.
|
|
94
95
|
*/
|
|
@@ -255,6 +256,11 @@ export type BryntumChartProps = {
|
|
|
255
256
|
* The name of the record field containing the data for this series.
|
|
256
257
|
*/
|
|
257
258
|
field ? : string
|
|
259
|
+
/**
|
|
260
|
+
* (Optional) The name of a field in the chart data to use as the background color for each data element
|
|
261
|
+
* (e.g. bar).
|
|
262
|
+
*/
|
|
263
|
+
fillColorField ? : string
|
|
258
264
|
/**
|
|
259
265
|
* When this widget is a child of a [Container](https://bryntum.com/products/chart/docs/api/Core/widget/Container), it will by default be participating in a
|
|
260
266
|
* flexbox layout. This config allows you to set this widget's
|
|
@@ -503,14 +509,6 @@ export type BryntumChartProps = {
|
|
|
503
509
|
* [View online docs...](https://bryntum.com/products/chart/docs/api/Chart/widget/Chart#config-namedItems)
|
|
504
510
|
*/
|
|
505
511
|
namedItems ? : Record<string, ChartContainerItemConfig>
|
|
506
|
-
/**
|
|
507
|
-
* The owning Widget of this Widget. If this Widget is directly contained (that is, it is one of the
|
|
508
|
-
* [items](https://bryntum.com/products/chart/docs/api/Core/widget/Container#property-items) of a Container), this config will be ignored. In this case
|
|
509
|
-
* the owner is <strong>always</strong> the encapsulating Container.
|
|
510
|
-
* ...
|
|
511
|
-
* [View online docs...](https://bryntum.com/products/chart/docs/api/Chart/widget/Chart#config-owner)
|
|
512
|
-
*/
|
|
513
|
-
owner ? : Widget|any
|
|
514
512
|
/**
|
|
515
513
|
* Radius of data points, in pixels.
|
|
516
514
|
*/
|
|
@@ -812,8 +810,8 @@ export class BryntumChartComponent implements OnInit, OnDestroy {
|
|
|
812
810
|
'axisColor',
|
|
813
811
|
'axisLabelColor',
|
|
814
812
|
'background',
|
|
815
|
-
'backgroundColorField',
|
|
816
813
|
'barDirection',
|
|
814
|
+
'barWidth',
|
|
817
815
|
'border',
|
|
818
816
|
'bubbleEvents',
|
|
819
817
|
'bubbleScaleFactor',
|
|
@@ -844,6 +842,7 @@ export class BryntumChartComponent implements OnInit, OnDestroy {
|
|
|
844
842
|
'elementAttributes',
|
|
845
843
|
'extraData',
|
|
846
844
|
'field',
|
|
845
|
+
'fillColorField',
|
|
847
846
|
'flex',
|
|
848
847
|
'floating',
|
|
849
848
|
'gridColor',
|
|
@@ -888,7 +887,6 @@ export class BryntumChartComponent implements OnInit, OnDestroy {
|
|
|
888
887
|
'minWidth',
|
|
889
888
|
'monitorResize',
|
|
890
889
|
'namedItems',
|
|
891
|
-
'owner',
|
|
892
890
|
'pointSize',
|
|
893
891
|
'positioned',
|
|
894
892
|
'preventTooltipOnTouch',
|
|
@@ -976,7 +974,6 @@ export class BryntumChartComponent implements OnInit, OnDestroy {
|
|
|
976
974
|
'masked',
|
|
977
975
|
'monitorResize',
|
|
978
976
|
'namedItems',
|
|
979
|
-
'owner',
|
|
980
977
|
'positioned',
|
|
981
978
|
'preventTooltipOnTouch',
|
|
982
979
|
'relayStoreEvents',
|
|
@@ -1004,8 +1001,8 @@ export class BryntumChartComponent implements OnInit, OnDestroy {
|
|
|
1004
1001
|
'axisColor',
|
|
1005
1002
|
'axisLabelColor',
|
|
1006
1003
|
'background',
|
|
1007
|
-
'backgroundColorField',
|
|
1008
1004
|
'barDirection',
|
|
1005
|
+
'barWidth',
|
|
1009
1006
|
'bubbleScaleFactor',
|
|
1010
1007
|
'callOnFunctions',
|
|
1011
1008
|
'catchEventHandlerExceptions',
|
|
@@ -1021,6 +1018,7 @@ export class BryntumChartComponent implements OnInit, OnDestroy {
|
|
|
1021
1018
|
'disabled',
|
|
1022
1019
|
'extraData',
|
|
1023
1020
|
'field',
|
|
1021
|
+
'fillColorField',
|
|
1024
1022
|
'flex',
|
|
1025
1023
|
'focusVisible',
|
|
1026
1024
|
'gridColor',
|
|
@@ -1147,7 +1145,6 @@ export class BryntumChartComponent implements OnInit, OnDestroy {
|
|
|
1147
1145
|
immediate?: boolean
|
|
1148
1146
|
};
|
|
1149
1147
|
@Input() namedItems ! : Record<string, ChartContainerItemConfig>;
|
|
1150
|
-
@Input() owner ! : Widget|any;
|
|
1151
1148
|
@Input() positioned ! : boolean;
|
|
1152
1149
|
@Input() preventTooltipOnTouch ! : boolean;
|
|
1153
1150
|
@Input() relayStoreEvents ! : boolean;
|
|
@@ -1178,8 +1175,8 @@ export class BryntumChartComponent implements OnInit, OnDestroy {
|
|
|
1178
1175
|
@Input() axisColor ! : string;
|
|
1179
1176
|
@Input() axisLabelColor ! : string;
|
|
1180
1177
|
@Input() background ! : string;
|
|
1181
|
-
@Input() backgroundColorField ! : string;
|
|
1182
1178
|
@Input() barDirection ! : 'vertical'|'horizontal';
|
|
1179
|
+
@Input() barWidth ! : number;
|
|
1183
1180
|
@Input() bubbleScaleFactor ! : number;
|
|
1184
1181
|
@Input() callOnFunctions ! : boolean;
|
|
1185
1182
|
@Input() catchEventHandlerExceptions ! : boolean;
|
|
@@ -1195,6 +1192,7 @@ export class BryntumChartComponent implements OnInit, OnDestroy {
|
|
|
1195
1192
|
@Input() disabled ! : boolean|'inert';
|
|
1196
1193
|
@Input() extraData ! : any;
|
|
1197
1194
|
@Input() field ! : string;
|
|
1195
|
+
@Input() fillColorField ! : string;
|
|
1198
1196
|
@Input() flex ! : number|string;
|
|
1199
1197
|
@Input() gridColor ! : string;
|
|
1200
1198
|
@Input() height ! : number|string;
|