@progress/kendo-charts 1.25.1 → 1.26.0-dev.202209291240

package/dist/es/chart/bullet-chart/bullet.js

@@ -2,14 +2,16 @@ import { drawing as draw } from '@progress/kendo-drawing';
 
 import Target from './target';
 
-import { ChartElement, Box } from '../../core';
+import { Box, ChartElement } from '../../core';
 
 import PointEventsMixin from '../mixins/point-events-mixin';
 import NoteMixin from '../mixins/note-mixin';
 import Bar from '../bar-chart/bar';
 
 import { WHITE, TOP, RIGHT } from '../../common/constants';
-import { alignPathToPixel, deepExtend, defined, setDefaultOptions, valueOrDefault } from '../../common';
+import { alignPathToPixel, deepExtend, defined, getTemplate, setDefaultOptions, valueOrDefault } from '../../common';
+
+import BarLabel from '../bar-chart/bar-label';
 
 var Bullet = (function (ChartElement) {
     function Bullet(value, options) {
@@ -48,10 +50,31 @@ var Bullet = (function (ChartElement) {
                 this.append(this.target);
             }
 
+            this.createLabel();
             this.createNote();
         }
     };
 
+    Bullet.prototype.createLabel = function createLabel () {
+        var options = this.options;
+        var labels = options.labels;
+
+        if (labels.visible) {
+            var pointData = this.pointData();
+            var labelTemplate = getTemplate(labels);
+            var labelText;
+
+            if (labelTemplate) {
+                labelText = labelTemplate(pointData);
+            } else {
+                labelText = this.formatValue(labels.format);
+            }
+
+            this.label = new BarLabel(labelText, labels, pointData);
+            this.append(this.label);
+        }
+    };
+
     Bullet.prototype.reflow = function reflow (box) {
         this.render();
 
@@ -76,6 +99,12 @@ var Bullet = (function (ChartElement) {
             target.reflow(targetSlot);
         }
 
+        var label = this.label;
+        if (label) {
+            label.options.aboveAxis = this.aboveAxis;
+            label.reflow(box);
+        }
+
         if (this.note) {
             this.note.reflow(box);
         }
@@ -138,6 +167,19 @@ var Bullet = (function (ChartElement) {
         return this.owner.formatPointValue(this, format);
     };
 
+    Bullet.prototype.pointData = function pointData () {
+        return {
+            dataItem: this.dataItem,
+            category: this.category,
+            value: this.value,
+            series: this.series
+        };
+    };
+
+    Bullet.prototype.overlapsBox = function overlapsBox (box) {
+        return this.box.overlaps(box);
+    };
+
     return Bullet;
 }(ChartElement));
 
@@ -159,8 +201,14 @@ setDefaultOptions(Bullet, {
             width: 2
         }
     },
+    labels: {
+        visible: false
+    },
     tooltip: {
         format: "Current: {0}<br />Target: {1}"
+    },
+    notes: {
+        label: {}
     }
 });
 

package/dist/es2015/chart/bullet-chart/bullet.js

@@ -2,14 +2,16 @@ import { drawing as draw } from '@progress/kendo-drawing';
 
 import Target from './target';
 
-import { ChartElement, Box } from '../../core';
+import { Box, ChartElement } from '../../core';
 
 import PointEventsMixin from '../mixins/point-events-mixin';
 import NoteMixin from '../mixins/note-mixin';
 import Bar from '../bar-chart/bar';
 
 import { WHITE, TOP, RIGHT } from '../../common/constants';
-import { alignPathToPixel, deepExtend, defined, setDefaultOptions, valueOrDefault } from '../../common';
+import { alignPathToPixel, deepExtend, defined, getTemplate, setDefaultOptions, valueOrDefault } from '../../common';
+
+import BarLabel from '../bar-chart/bar-label';
 
 class Bullet extends ChartElement {
     constructor(value, options) {
@@ -44,10 +46,31 @@ class Bullet extends ChartElement {
                 this.append(this.target);
             }
 
+            this.createLabel();
             this.createNote();
         }
     }
 
+    createLabel() {
+        const options = this.options;
+        const labels = options.labels;
+
+        if (labels.visible) {
+            const pointData = this.pointData();
+            let labelTemplate = getTemplate(labels);
+            let labelText;
+
+            if (labelTemplate) {
+                labelText = labelTemplate(pointData);
+            } else {
+                labelText = this.formatValue(labels.format);
+            }
+
+            this.label = new BarLabel(labelText, labels, pointData);
+            this.append(this.label);
+        }
+    }
+
     reflow(box) {
         this.render();
 
@@ -69,6 +92,12 @@ class Bullet extends ChartElement {
             target.reflow(targetSlot);
         }
 
+        const label = this.label;
+        if (label) {
+            label.options.aboveAxis = this.aboveAxis;
+            label.reflow(box);
+        }
+
         if (this.note) {
             this.note.reflow(box);
         }
@@ -130,6 +159,19 @@ class Bullet extends ChartElement {
     formatValue(format) {
         return this.owner.formatPointValue(this, format);
     }
+
+    pointData() {
+        return {
+            dataItem: this.dataItem,
+            category: this.category,
+            value: this.value,
+            series: this.series
+        };
+    }
+
+    overlapsBox(box) {
+        return this.box.overlaps(box);
+    }
 }
 
 Bullet.prototype.tooltipAnchor = Bar.prototype.tooltipAnchor;
@@ -150,8 +192,14 @@ setDefaultOptions(Bullet, {
             width: 2
         }
     },
+    labels: {
+        visible: false
+    },
     tooltip: {
         format: "Current: {0}<br />Target: {1}"
+    },
+    notes: {
+        label: {}
     }
 });