@progress/kendo-charts 2.11.0-develop.1 → 2.11.0-develop.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/dist/cdn/js/kendo-charts.js +1 -1
- package/dist/cdn/main.js +1 -1
- package/dist/es/chart/chart.js +13 -10
- package/dist/es2015/chart/chart.js +13 -10
- package/dist/npm/main.js +14 -11
- package/dist/systemjs/kendo-charts.js +1 -1
- package/package.json +1 -1
package/dist/es/chart/chart.js
CHANGED
|
@@ -490,7 +490,7 @@ class Chart {
|
|
|
490
490
|
this._categoryHighlightIndex = index;
|
|
491
491
|
this._categoryHighlightAxis = categoryAxis;
|
|
492
492
|
|
|
493
|
-
const highlightOptions = (categoryAxis.options || {}).highlight;
|
|
493
|
+
const highlightOptions = categoryAxis ? (categoryAxis.options || {}).highlight : null;
|
|
494
494
|
|
|
495
495
|
if (!highlightOptions || !highlightOptions.visible || index === null) {
|
|
496
496
|
if (this._categoryHighlight) {
|
|
@@ -506,17 +506,12 @@ class Chart {
|
|
|
506
506
|
opacity: highlightOptions.opacity
|
|
507
507
|
},
|
|
508
508
|
stroke: highlightOptions.border || null,
|
|
509
|
-
closed: true
|
|
509
|
+
closed: true,
|
|
510
|
+
zIndex: -1
|
|
510
511
|
});
|
|
511
|
-
|
|
512
|
-
this.surface.draw(this._categoryHighlight);
|
|
513
512
|
} else {
|
|
514
|
-
|
|
515
|
-
|
|
516
|
-
color: highlightOptions.color,
|
|
517
|
-
opacity: highlightOptions.opacity
|
|
518
|
-
});
|
|
519
|
-
options.set("stroke", highlightOptions.border);
|
|
513
|
+
this._categoryHighlight.fill(highlightOptions.color, highlightOptions.opacity);
|
|
514
|
+
this._categoryHighlight.stroke(highlightOptions.border || null);
|
|
520
515
|
}
|
|
521
516
|
|
|
522
517
|
const slot = categoryAxis.getSlot(index);
|
|
@@ -538,6 +533,14 @@ class Chart {
|
|
|
538
533
|
const newPath = draw.Path.fromRect(rect);
|
|
539
534
|
this._categoryHighlight.segments.elements(newPath.segments.elements());
|
|
540
535
|
this._categoryHighlight.visible(true);
|
|
536
|
+
|
|
537
|
+
const group = (categoryAxis.pane || this._plotArea).visual;
|
|
538
|
+
if (group && this._categoryHighlight.parent !== group) {
|
|
539
|
+
if (this._categoryHighlight.parent) {
|
|
540
|
+
this._categoryHighlight.parent.remove(this._categoryHighlight);
|
|
541
|
+
}
|
|
542
|
+
group.insert(0, this._categoryHighlight);
|
|
543
|
+
}
|
|
541
544
|
}
|
|
542
545
|
|
|
543
546
|
_categoryHighlightEnabled() {
|
|
@@ -490,7 +490,7 @@ class Chart {
|
|
|
490
490
|
this._categoryHighlightIndex = index;
|
|
491
491
|
this._categoryHighlightAxis = categoryAxis;
|
|
492
492
|
|
|
493
|
-
const highlightOptions = (categoryAxis.options || {}).highlight;
|
|
493
|
+
const highlightOptions = categoryAxis ? (categoryAxis.options || {}).highlight : null;
|
|
494
494
|
|
|
495
495
|
if (!highlightOptions || !highlightOptions.visible || index === null) {
|
|
496
496
|
if (this._categoryHighlight) {
|
|
@@ -506,17 +506,12 @@ class Chart {
|
|
|
506
506
|
opacity: highlightOptions.opacity
|
|
507
507
|
},
|
|
508
508
|
stroke: highlightOptions.border || null,
|
|
509
|
-
closed: true
|
|
509
|
+
closed: true,
|
|
510
|
+
zIndex: -1
|
|
510
511
|
});
|
|
511
|
-
|
|
512
|
-
this.surface.draw(this._categoryHighlight);
|
|
513
512
|
} else {
|
|
514
|
-
|
|
515
|
-
|
|
516
|
-
color: highlightOptions.color,
|
|
517
|
-
opacity: highlightOptions.opacity
|
|
518
|
-
});
|
|
519
|
-
options.set("stroke", highlightOptions.border);
|
|
513
|
+
this._categoryHighlight.fill(highlightOptions.color, highlightOptions.opacity);
|
|
514
|
+
this._categoryHighlight.stroke(highlightOptions.border || null);
|
|
520
515
|
}
|
|
521
516
|
|
|
522
517
|
const slot = categoryAxis.getSlot(index);
|
|
@@ -538,6 +533,14 @@ class Chart {
|
|
|
538
533
|
const newPath = draw.Path.fromRect(rect);
|
|
539
534
|
this._categoryHighlight.segments.elements(newPath.segments.elements());
|
|
540
535
|
this._categoryHighlight.visible(true);
|
|
536
|
+
|
|
537
|
+
const group = (categoryAxis.pane || this._plotArea).visual;
|
|
538
|
+
if (group && this._categoryHighlight.parent !== group) {
|
|
539
|
+
if (this._categoryHighlight.parent) {
|
|
540
|
+
this._categoryHighlight.parent.remove(this._categoryHighlight);
|
|
541
|
+
}
|
|
542
|
+
group.insert(0, this._categoryHighlight);
|
|
543
|
+
}
|
|
541
544
|
}
|
|
542
545
|
|
|
543
546
|
_categoryHighlightEnabled() {
|