@syncfusion/ej2-vue-charts 19.3.53 → 19.4.38
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/CHANGELOG.md +32 -0
- package/dist/ej2-vue-charts.umd.min.js +1 -1
- package/dist/es6/ej2-vue-charts.es2015.js +12 -12
- package/dist/es6/ej2-vue-charts.es2015.js.map +1 -1
- package/dist/es6/ej2-vue-charts.es5.js +12 -12
- package/dist/es6/ej2-vue-charts.es5.js.map +1 -1
- package/dist/global/ej2-vue-charts.min.js +2 -2
- package/package.json +8 -8
- package/src/accumulation-chart/accumulationchart.component.js +2 -2
- package/src/bullet-chart/bulletchart.component.js +2 -2
- package/src/chart/chart.component.js +2 -2
- package/src/range-navigator/rangenavigator.component.js +2 -2
- package/src/smithchart/smithchart.component.js +1 -1
- package/src/sparkline/sparkline.component.js +1 -1
- package/src/stock-chart/stockchart.component.js +2 -2
package/CHANGELOG.md
CHANGED
|
@@ -4,6 +4,38 @@
|
|
|
4
4
|
|
|
5
5
|
### Chart
|
|
6
6
|
|
|
7
|
+
#### New Features
|
|
8
|
+
|
|
9
|
+
- `#I271263`,`#I344376` - Provided grouping support for the column and bar chart based on categories.
|
|
10
|
+
- `#F163374` - Provided color support to the highlighted point.
|
|
11
|
+
- `#I342748` - Fixed width support have been provided for chart area.
|
|
12
|
+
- `#I280225`, `#I340912` - Provided support to rotate y-axis labels to a given angle.
|
|
13
|
+
- `#I345716` - Provided support to reverse the rendering order of the legend items in a chart.
|
|
14
|
+
- Right to Left(RTL) feature added for all chart elements like legend, tooltip, data label, title, etc.
|
|
15
|
+
|
|
16
|
+
## 19.3.55 (2021-11-23)
|
|
17
|
+
|
|
18
|
+
### Chart
|
|
19
|
+
|
|
20
|
+
#### Bug Fixes
|
|
21
|
+
|
|
22
|
+
- Tooltip is now working fine in react library for mobile device.
|
|
23
|
+
- `#I347059` - Data label is now rendering properly for stacking column.
|
|
24
|
+
- `#F170296` - Datalabels are now removed for empty datasource on dynamic update.
|
|
25
|
+
|
|
26
|
+
## 19.3.54 (2021-11-17)
|
|
27
|
+
|
|
28
|
+
### Chart
|
|
29
|
+
|
|
30
|
+
#### Bug Fixes
|
|
31
|
+
|
|
32
|
+
- `#I346999` - Data label connector line is now working properly for value zero.
|
|
33
|
+
- `#I347279` - Marker color is now working properly for `MulticoloredLine` series type.
|
|
34
|
+
|
|
35
|
+
## 19.3.53 (2021-11-12)
|
|
36
|
+
|
|
37
|
+
### Chart
|
|
38
|
+
|
|
7
39
|
#### Bug Fixes
|
|
8
40
|
|
|
9
41
|
- `#I346472`- Selection and highlight color is not proper when using pointColorMapping is fixed.
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/*!
|
|
2
2
|
* filename: ej2-vue-charts.umd.min.js
|
|
3
|
-
* version : 19.
|
|
3
|
+
* version : 19.4.38
|
|
4
4
|
* Copyright Syncfusion Inc. 2001 - 2020. All rights reserved.
|
|
5
5
|
* Use of this code is subject to the terms of our license.
|
|
6
6
|
* A copy of the current license can be obtained at any time by e-mailing
|
|
@@ -660,7 +660,7 @@ var __decorate$13 = (undefined && undefined.__decorate) || function (decorators,
|
|
|
660
660
|
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
|
661
661
|
};
|
|
662
662
|
// {{VueImport}}
|
|
663
|
-
const properties = ['
|
|
663
|
+
const properties = ['isLazyUpdate', 'allowExport', 'allowMultiSelection', 'annotations', 'axes', 'background', 'backgroundImage', 'border', 'chartArea', 'columns', 'crosshair', 'currencyCode', 'dataSource', 'description', 'enableAnimation', 'enableAutoIntervalOnBothAxis', 'enableCanvas', 'enableExport', 'enablePersistence', 'enableRtl', 'enableSideBySidePlacement', 'height', 'highlightColor', 'highlightMode', 'highlightPattern', 'indicators', 'isMultiSelect', 'isTransposed', 'legendSettings', 'locale', 'margin', 'palettes', 'primaryXAxis', 'primaryYAxis', 'rangeColorSettings', 'rows', 'selectedDataIndexes', 'selectionMode', 'selectionPattern', 'series', 'subTitle', 'subTitleStyle', 'tabIndex', 'theme', 'title', 'titleStyle', 'tooltip', 'useGroupingSeparator', 'width', 'zoomSettings', 'afterExport', 'animationComplete', 'annotationRender', 'axisLabelClick', 'axisLabelRender', 'axisMultiLabelRender', 'axisRangeCalculated', 'beforeExport', 'beforePrint', 'beforeResize', 'chartDoubleClick', 'chartMouseClick', 'chartMouseDown', 'chartMouseLeave', 'chartMouseMove', 'chartMouseUp', 'drag', 'dragComplete', 'dragEnd', 'dragStart', 'legendClick', 'legendRender', 'load', 'loaded', 'multiLevelLabelClick', 'onZooming', 'pointClick', 'pointDoubleClick', 'pointMove', 'pointRender', 'resized', 'scrollChanged', 'scrollEnd', 'scrollStart', 'selectionComplete', 'seriesRender', 'sharedTooltipRender', 'textRender', 'tooltipRender', 'zoomComplete'];
|
|
664
664
|
const modelProps = ['dataSource'];
|
|
665
665
|
const testProp = getProps({ props: properties });
|
|
666
666
|
const props = testProp[0];
|
|
@@ -759,7 +759,7 @@ class ChartComponent extends ComponentBase {
|
|
|
759
759
|
this.ej2Instances.vueInstance.$emit('modelchanged', eventProp[propKey]);
|
|
760
760
|
}
|
|
761
761
|
else {
|
|
762
|
-
if (eventName === 'change' || (this.$props && !this.$props.
|
|
762
|
+
if (eventName === 'change' || (this.$props && !this.$props.isLazyUpdate)) {
|
|
763
763
|
this.$emit('update:' + propKey, eventProp[propKey]);
|
|
764
764
|
this.$emit('modelchanged', eventProp[propKey]);
|
|
765
765
|
}
|
|
@@ -980,7 +980,7 @@ var __decorate$16 = (undefined && undefined.__decorate) || function (decorators,
|
|
|
980
980
|
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
|
981
981
|
};
|
|
982
982
|
// {{VueImport}}
|
|
983
|
-
const properties$1 = ['
|
|
983
|
+
const properties$1 = ['isLazyUpdate', 'allowExport', 'annotations', 'background', 'backgroundImage', 'border', 'center', 'currencyCode', 'dataSource', 'enableAnimation', 'enableBorderOnMouseMove', 'enableExport', 'enablePersistence', 'enableRtl', 'enableSmartLabels', 'height', 'highlightMode', 'highlightPattern', 'isMultiSelect', 'legendSettings', 'locale', 'margin', 'selectedDataIndexes', 'selectionMode', 'selectionPattern', 'series', 'subTitle', 'subTitleStyle', 'theme', 'title', 'titleStyle', 'tooltip', 'useGroupingSeparator', 'width', 'afterExport', 'animationComplete', 'annotationRender', 'beforePrint', 'beforeResize', 'chartDoubleClick', 'chartMouseClick', 'chartMouseDown', 'chartMouseLeave', 'chartMouseMove', 'chartMouseUp', 'legendRender', 'load', 'loaded', 'pointClick', 'pointMove', 'pointRender', 'resized', 'selectionComplete', 'seriesRender', 'textRender', 'tooltipRender'];
|
|
984
984
|
const modelProps$1 = ['dataSource'];
|
|
985
985
|
const testProp$1 = getProps({ props: properties$1 });
|
|
986
986
|
const props$1 = testProp$1[0];
|
|
@@ -1079,7 +1079,7 @@ class AccumulationChartComponent extends ComponentBase {
|
|
|
1079
1079
|
this.ej2Instances.vueInstance.$emit('modelchanged', eventProp[propKey]);
|
|
1080
1080
|
}
|
|
1081
1081
|
else {
|
|
1082
|
-
if (eventName === 'change' || (this.$props && !this.$props.
|
|
1082
|
+
if (eventName === 'change' || (this.$props && !this.$props.isLazyUpdate)) {
|
|
1083
1083
|
this.$emit('update:' + propKey, eventProp[propKey]);
|
|
1084
1084
|
this.$emit('modelchanged', eventProp[propKey]);
|
|
1085
1085
|
}
|
|
@@ -1205,7 +1205,7 @@ var __decorate$18 = (undefined && undefined.__decorate) || function (decorators,
|
|
|
1205
1205
|
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
|
1206
1206
|
};
|
|
1207
1207
|
// {{VueImport}}
|
|
1208
|
-
const properties$2 = ['
|
|
1208
|
+
const properties$2 = ['isLazyUpdate', 'allowIntervalData', 'allowSnapping', 'animationDuration', 'background', 'dataSource', 'disableRangeSelector', 'enableDeferredUpdate', 'enableGrouping', 'enablePersistence', 'enableRtl', 'groupBy', 'height', 'interval', 'intervalType', 'labelFormat', 'labelIntersectAction', 'labelPosition', 'labelStyle', 'locale', 'logBase', 'majorGridLines', 'majorTickLines', 'margin', 'maximum', 'minimum', 'navigatorBorder', 'navigatorStyleSettings', 'periodSelectorSettings', 'query', 'secondaryLabelAlignment', 'series', 'skeleton', 'skeletonType', 'theme', 'tickPosition', 'tooltip', 'useGroupingSeparator', 'value', 'valueType', 'width', 'xName', 'yName', 'beforePrint', 'beforeResize', 'changed', 'labelRender', 'load', 'loaded', 'resized', 'selectorRender', 'tooltipRender'];
|
|
1209
1209
|
const modelProps$2 = ['dataSource'];
|
|
1210
1210
|
const testProp$2 = getProps({ props: properties$2 });
|
|
1211
1211
|
const props$2 = testProp$2[0];
|
|
@@ -1304,7 +1304,7 @@ class RangeNavigatorComponent extends ComponentBase {
|
|
|
1304
1304
|
this.ej2Instances.vueInstance.$emit('modelchanged', eventProp[propKey]);
|
|
1305
1305
|
}
|
|
1306
1306
|
else {
|
|
1307
|
-
if (eventName === 'change' || (this.$props && !this.$props.
|
|
1307
|
+
if (eventName === 'change' || (this.$props && !this.$props.isLazyUpdate)) {
|
|
1308
1308
|
this.$emit('update:' + propKey, eventProp[propKey]);
|
|
1309
1309
|
this.$emit('modelchanged', eventProp[propKey]);
|
|
1310
1310
|
}
|
|
@@ -1428,7 +1428,7 @@ var __decorate$20 = (undefined && undefined.__decorate) || function (decorators,
|
|
|
1428
1428
|
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
|
1429
1429
|
};
|
|
1430
1430
|
// {{VueImport}}
|
|
1431
|
-
const properties$3 = ['
|
|
1431
|
+
const properties$3 = ['isLazyUpdate', 'axisSettings', 'border', 'containerArea', 'dataLabelSettings', 'dataSource', 'enablePersistence', 'enableRtl', 'endPointColor', 'fill', 'format', 'height', 'highPointColor', 'lineWidth', 'locale', 'lowPointColor', 'markerSettings', 'negativePointColor', 'opacity', 'padding', 'palette', 'query', 'rangeBandSettings', 'rangePadding', 'startPointColor', 'theme', 'tiePointColor', 'tooltipSettings', 'type', 'useGroupingSeparator', 'valueType', 'width', 'xName', 'yName', 'axisRendering', 'dataLabelRendering', 'load', 'loaded', 'markerRendering', 'pointRegionMouseClick', 'pointRegionMouseMove', 'pointRendering', 'resize', 'seriesRendering', 'sparklineMouseClick', 'sparklineMouseMove', 'tooltipInitialize'];
|
|
1432
1432
|
const modelProps$3 = [];
|
|
1433
1433
|
const testProp$3 = getProps({ props: properties$3 });
|
|
1434
1434
|
const props$3 = testProp$3[0];
|
|
@@ -1599,7 +1599,7 @@ var __decorate$22 = (undefined && undefined.__decorate) || function (decorators,
|
|
|
1599
1599
|
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
|
1600
1600
|
};
|
|
1601
1601
|
// {{VueImport}}
|
|
1602
|
-
const properties$4 = ['
|
|
1602
|
+
const properties$4 = ['isLazyUpdate', 'background', 'border', 'elementSpacing', 'enablePersistence', 'enableRtl', 'font', 'height', 'horizontalAxis', 'legendSettings', 'locale', 'margin', 'radialAxis', 'radius', 'renderType', 'series', 'theme', 'title', 'width', 'animationComplete', 'axisLabelRender', 'beforePrint', 'legendRender', 'load', 'loaded', 'seriesRender', 'subtitleRender', 'textRender', 'titleRender', 'tooltipRender'];
|
|
1603
1603
|
const modelProps$4 = [];
|
|
1604
1604
|
const testProp$4 = getProps({ props: properties$4 });
|
|
1605
1605
|
const props$4 = testProp$4[0];
|
|
@@ -2189,7 +2189,7 @@ var __decorate$32 = (undefined && undefined.__decorate) || function (decorators,
|
|
|
2189
2189
|
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
|
2190
2190
|
};
|
|
2191
2191
|
// {{VueImport}}
|
|
2192
|
-
const properties$5 = ['
|
|
2192
|
+
const properties$5 = ['isLazyUpdate', 'annotations', 'axes', 'background', 'border', 'chartArea', 'crosshair', 'dataSource', 'enableCustomRange', 'enablePeriodSelector', 'enablePersistence', 'enableRtl', 'enableSelector', 'exportType', 'height', 'indicatorType', 'indicators', 'isMultiSelect', 'isSelect', 'isTransposed', 'legendSettings', 'locale', 'margin', 'periods', 'primaryXAxis', 'primaryYAxis', 'rows', 'selectedDataIndexes', 'selectionMode', 'series', 'seriesType', 'stockEvents', 'theme', 'title', 'titleStyle', 'tooltip', 'trendlineType', 'width', 'zoomSettings', 'axisLabelRender', 'legendClick', 'legendRender', 'load', 'loaded', 'onZooming', 'pointClick', 'pointMove', 'rangeChange', 'selectorRender', 'seriesRender', 'stockChartMouseClick', 'stockChartMouseDown', 'stockChartMouseLeave', 'stockChartMouseMove', 'stockChartMouseUp', 'stockEventRender', 'tooltipRender'];
|
|
2193
2193
|
const modelProps$5 = ['dataSource'];
|
|
2194
2194
|
const testProp$5 = getProps({ props: properties$5 });
|
|
2195
2195
|
const props$5 = testProp$5[0];
|
|
@@ -2288,7 +2288,7 @@ class StockChartComponent extends ComponentBase {
|
|
|
2288
2288
|
this.ej2Instances.vueInstance.$emit('modelchanged', eventProp[propKey]);
|
|
2289
2289
|
}
|
|
2290
2290
|
else {
|
|
2291
|
-
if (eventName === 'change' || (this.$props && !this.$props.
|
|
2291
|
+
if (eventName === 'change' || (this.$props && !this.$props.isLazyUpdate)) {
|
|
2292
2292
|
this.$emit('update:' + propKey, eventProp[propKey]);
|
|
2293
2293
|
this.$emit('modelchanged', eventProp[propKey]);
|
|
2294
2294
|
}
|
|
@@ -2431,7 +2431,7 @@ var __decorate$34 = (undefined && undefined.__decorate) || function (decorators,
|
|
|
2431
2431
|
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
|
2432
2432
|
};
|
|
2433
2433
|
// {{VueImport}}
|
|
2434
|
-
const properties$6 = ['
|
|
2434
|
+
const properties$6 = ['isLazyUpdate', 'animation', 'border', 'categoryField', 'categoryLabelStyle', 'dataLabel', 'dataSource', 'enableGroupSeparator', 'enablePersistence', 'enableRtl', 'height', 'interval', 'labelFormat', 'labelPosition', 'labelStyle', 'legendSettings', 'locale', 'majorTickLines', 'margin', 'maximum', 'minimum', 'minorTickLines', 'minorTicksPerInterval', 'opposedPosition', 'orientation', 'query', 'ranges', 'subtitle', 'subtitleStyle', 'tabIndex', 'targetColor', 'targetField', 'targetTypes', 'targetWidth', 'theme', 'tickPosition', 'title', 'titlePosition', 'titleStyle', 'tooltip', 'type', 'valueBorder', 'valueField', 'valueFill', 'valueHeight', 'width', 'beforePrint', 'bulletChartMouseClick', 'legendRender', 'load', 'loaded', 'tooltipRender'];
|
|
2435
2435
|
const modelProps$6 = ['dataSource'];
|
|
2436
2436
|
const testProp$6 = getProps({ props: properties$6 });
|
|
2437
2437
|
const props$6 = testProp$6[0];
|
|
@@ -2530,7 +2530,7 @@ class BulletChartComponent extends ComponentBase {
|
|
|
2530
2530
|
this.ej2Instances.vueInstance.$emit('modelchanged', eventProp[propKey]);
|
|
2531
2531
|
}
|
|
2532
2532
|
else {
|
|
2533
|
-
if (eventName === 'change' || (this.$props && !this.$props.
|
|
2533
|
+
if (eventName === 'change' || (this.$props && !this.$props.isLazyUpdate)) {
|
|
2534
2534
|
this.$emit('update:' + propKey, eventProp[propKey]);
|
|
2535
2535
|
this.$emit('modelchanged', eventProp[propKey]);
|
|
2536
2536
|
}
|