@progress/kendo-charts 2.1.0 → 2.2.0-dev.202401301155

package/dist/es/chart/plotarea/donut-plotarea.js

@@ -26,6 +26,15 @@ var DonutPlotArea = (function (PiePlotArea) {
         this.appendChart(donutChart);
     };
 
+    // These were overriden in the Pie, so revert to original behavior
+    DonutPlotArea.prototype.getPointBelow = function getPointBelow (point) {
+        return this._getNextPoint(point, this._pointsByVertical, -1);
+    };
+
+    DonutPlotArea.prototype.getPointAbove = function getPointAbove (point) {
+        return this._getNextPoint(point, this._pointsByVertical, 1);
+    };
+
     return DonutPlotArea;
 }(PiePlotArea));
 

package/dist/es/chart/plotarea/funnel-plotarea.js

@@ -49,8 +49,12 @@ var FunnelPlotArea = (function (PlotAreaBase) {
         return this.pointsBySeriesIndex(basePoint.series.index);
     };
 
-    FunnelPlotArea.prototype._pointsByHorizontal = function _pointsByHorizontal (basePoint) {
-        return [basePoint];
+    FunnelPlotArea.prototype.getPointToTheRight = function getPointToTheRight (point) {
+        return this.getPointBelow(point);
+    };
+
+    FunnelPlotArea.prototype.getPointToTheLeft = function getPointToTheLeft (point) {
+        return this.getPointAbove(point);
     };
 
     return FunnelPlotArea;

package/dist/es/chart/plotarea/pie-plotarea.js

@@ -34,6 +34,14 @@ var PiePlotArea = (function (PlotAreaBase) {
         append(this.options.legend.data, chart.legendItems);
     };
 
+    PiePlotArea.prototype.getPointBelow = function getPointBelow (point) {
+        return this.getPointToTheRight(point);
+    };
+
+    PiePlotArea.prototype.getPointAbove = function getPointAbove (point) {
+        return this.getPointToTheLeft(point);
+    };
+
     return PiePlotArea;
 }(PlotAreaBase));
 

package/dist/es/sankey/sankey.js

@@ -1,10 +1,11 @@
 import { drawing } from '@progress/kendo-drawing';
-import { deepExtend, addClass, setDefaultOptions } from '../common';
+import { deepExtend, addClass, setDefaultOptions, getSpacing } from '../common';
 import { calculateSankey } from './calculation';
 import { Node, resolveNodeOptions } from './node';
 import { Link, resolveLinkOptions } from './link';
 import { Label, resolveLabelOptions } from './label';
-import { LEFT } from '../common/constants';
+import { Title } from './title';
+import { CENTER, LEFT, TOP } from '../common/constants';
 import Box from '../core/box';
 import rectToBox from '../core/utils/rect-to-box';
 import { Observable } from '../common/observable';
@@ -205,12 +206,25 @@ export var Sankey = (function (Observable) {
         this.visual = this._render();
     };
 
+    Sankey.prototype.titleHeight = function titleHeight (title, totalWidth) {
+        if (!title.visible || !title.text) {
+            return 0;
+        }
+
+        var titleElement = new Title(deepExtend({}, { totalWidth: totalWidth }, title));
+        var titleVisual = titleElement.exportVisual();
+        return titleVisual.chartElement.box.height();
+    };
+
     Sankey.prototype.calculateSankey = function calculateSankey$1 (options) {
+        var title = this.options.title;
+        var titleHeight = this.titleHeight(title, options.width);
+
         var ref = this.options;
         var nodes = ref.nodes;
         var labels = ref.labels;
         var nodesColors = ref.nodesColors;
-        var calculatedNodes = calculateSankey(options).nodes;
+        var calculatedNodes = calculateSankey(Object.assign({}, options, {offsetX: 0, offsetY: titleHeight})).nodes;
         var box = new Box();
 
         calculatedNodes.forEach(function (nodeEl, i) {
@@ -231,6 +245,9 @@ export var Sankey = (function (Observable) {
         var width = box.width() > options.width ? offsetX + options.width - (box.width() - options.width) : options.width;
         var height = box.height() > options.height ? offsetY + options.height - (box.height() - options.height) : options.height;
 
+        height -= titleHeight;
+        offsetY += title.position === TOP ? titleHeight : 0;
+
         return calculateSankey(Object.assign({}, options, {width: width, height: height, offsetX: offsetX, offsetY: offsetY}));
     };
 
@@ -241,16 +258,23 @@ export var Sankey = (function (Observable) {
         var nodesOptions = ref.nodes;
         var linkOptions = ref.links;
         var nodesColors = ref.nodesColors;
+        var title = ref.title;
         var ref$1 = this.size;
         var width = ref$1.width;
         var height = ref$1.height;
-        var calcOptions = Object.assign({}, data, {width: width, height: height, nodesOptions: nodesOptions});
+        var calcOptions = Object.assign({}, data, {width: width, height: height, nodesOptions: nodesOptions, title: title});
         var ref$2 = this.calculateSankey(calcOptions);
         var nodes = ref$2.nodes;
         var links = ref$2.links;
 
         var visual = new drawing.Group();
 
+        if (title.visible && title.text) {
+            var titleElement = new Title(deepExtend({}, { wrapWidth: width, wrapHeight: height }, title));
+            var titleVisual = titleElement.exportVisual();
+            visual.append(titleVisual);
+        }
+
         var visualNodes = new Map();
 
         nodes.forEach(function (node, i) {
@@ -341,5 +365,16 @@ setDefaultOptions(Sankey, {
             opacity: 0.8,
             inactiveOpacity: 0.2
         }
-    }
+    },
+    title: {
+        visible: true,
+        position: TOP,
+        align: CENTER,
+        opacity: 1,
+        border: {
+            width: 0
+        },
+        margin: getSpacing(5),
+        padding: getSpacing(5)
+    },
 });

package/dist/es/sankey/title.js

@@ -0,0 +1,47 @@
+import { SankeyElement } from "./element";
+import { Title as CoreTitle } from "../core";
+import Box from "../core/box";
+import { deepExtend } from "../common";
+import { BOTTOM } from "../common/constants";
+import { getSpacing } from "../common";
+
+export var Title = (function (SankeyElement) {
+    function Title () {
+        SankeyElement.apply(this, arguments);
+    }
+
+    if ( SankeyElement ) Title.__proto__ = SankeyElement;
+    Title.prototype = Object.create( SankeyElement && SankeyElement.prototype );
+    Title.prototype.constructor = Title;
+
+    Title.prototype.getElement = function getElement () {
+        var options = deepExtend({}, this.options, this.options.title);
+        var wrapWidth = options.wrapWidth;
+        var wrapHeight = options.wrapHeight;
+        var text = options.text;
+        var border = options.border;
+        var padding = getSpacing(options.padding);
+        var margin = getSpacing(options.margin);
+
+        if (!options.visible || !text) {
+            return null;
+        }
+
+        var title = CoreTitle.buildTitle(text, options);
+        var titleSizeBox = title.children[0].container.box;
+        var totalTitleHeight = margin.top + border.width + padding.top + titleSizeBox.height() + padding.bottom + border.width + margin.bottom;
+        var offsetTop = options.position === BOTTOM ? wrapHeight - totalTitleHeight : 0;
+        var titleRect = new Box(0, offsetTop, wrapWidth, offsetTop + totalTitleHeight);
+
+        title.reflow(titleRect);
+
+        title.renderVisual();
+        return title.visual;
+    };
+
+    Title.prototype.createElement = function createElement () {
+        return this.getElement();
+    };
+
+    return Title;
+}(SankeyElement));

package/dist/es2015/chart/plotarea/donut-plotarea.js

@@ -17,6 +17,15 @@ class DonutPlotArea extends PiePlotArea {
 
         this.appendChart(donutChart);
     }
+
+    // These were overriden in the Pie, so revert to original behavior
+    getPointBelow(point) {
+        return this._getNextPoint(point, this._pointsByVertical, -1);
+    }
+
+    getPointAbove(point) {
+        return this._getNextPoint(point, this._pointsByVertical, 1);
+    }
 }
 
 export default DonutPlotArea;

package/dist/es2015/chart/plotarea/funnel-plotarea.js

@@ -41,8 +41,12 @@ class FunnelPlotArea extends PlotAreaBase {
         return this.pointsBySeriesIndex(basePoint.series.index);
     }
 
-    _pointsByHorizontal(basePoint) {
-        return [basePoint];
+    getPointToTheRight(point) {
+        return this.getPointBelow(point);
+    }
+
+    getPointToTheLeft(point) {
+        return this.getPointAbove(point);
     }
 }
 

package/dist/es2015/chart/plotarea/pie-plotarea.js

@@ -25,6 +25,14 @@ class PiePlotArea extends PlotAreaBase {
         super.appendChart(chart, pane);
         append(this.options.legend.data, chart.legendItems);
     }
+
+    getPointBelow(point) {
+        return this.getPointToTheRight(point);
+    }
+
+    getPointAbove(point) {
+        return this.getPointToTheLeft(point);
+    }
 }
 
 export default PiePlotArea;

package/dist/es2015/sankey/sankey.js

@@ -1,10 +1,11 @@
 import { drawing } from '@progress/kendo-drawing';
-import { deepExtend, addClass, setDefaultOptions } from '../common';
+import { deepExtend, addClass, setDefaultOptions, getSpacing } from '../common';
 import { calculateSankey } from './calculation';
 import { Node, resolveNodeOptions } from './node';
 import { Link, resolveLinkOptions } from './link';
 import { Label, resolveLabelOptions } from './label';
-import { LEFT } from '../common/constants';
+import { Title } from './title';
+import { CENTER, LEFT, TOP } from '../common/constants';
 import Box from '../core/box';
 import rectToBox from '../core/utils/rect-to-box';
 import { Observable } from '../common/observable';
@@ -190,9 +191,22 @@ export class Sankey extends Observable {
         this.visual = this._render();
     }
 
+    titleHeight(title, totalWidth) {
+        if (!title.visible || !title.text) {
+            return 0;
+        }
+
+        const titleElement = new Title(deepExtend({}, { totalWidth }, title));
+        const titleVisual = titleElement.exportVisual();
+        return titleVisual.chartElement.box.height();
+    }
+
     calculateSankey(options) {
+        const title = this.options.title;
+        const titleHeight = this.titleHeight(title, options.width);
+
         const { nodes, labels, nodesColors } = this.options;
-        const calculatedNodes = calculateSankey(options).nodes;
+        const calculatedNodes = calculateSankey(Object.assign({}, options, {offsetX: 0, offsetY: titleHeight})).nodes;
         const box = new Box();
 
         calculatedNodes.forEach((nodeEl, i) => {
@@ -208,22 +222,31 @@ export class Sankey extends Observable {
         });
 
         const offsetX = box.x1 < 0 ? -box.x1 : 0;
-        const offsetY = box.y1 < 0 ? -box.y1 : 0;
+        let offsetY = box.y1 < 0 ? -box.y1 : 0;
 
         const width = box.width() > options.width ? offsetX + options.width - (box.width() - options.width) : options.width;
-        const height = box.height() > options.height ? offsetY + options.height - (box.height() - options.height) : options.height;
+        let height = box.height() > options.height ? offsetY + options.height - (box.height() - options.height) : options.height;
+
+        height -= titleHeight;
+        offsetY += title.position === TOP ? titleHeight : 0;
 
         return calculateSankey(Object.assign({}, options, {width, height, offsetX, offsetY}));
     }
 
     _render() {
-        const { data, labels: labelOptions, nodes: nodesOptions, links: linkOptions, nodesColors } = this.options;
+        const { data, labels: labelOptions, nodes: nodesOptions, links: linkOptions, nodesColors, title } = this.options;
         const { width, height } = this.size;
-        const calcOptions = Object.assign({}, data, {width, height, nodesOptions});
+        const calcOptions = Object.assign({}, data, {width, height, nodesOptions, title});
         let { nodes, links } = this.calculateSankey(calcOptions);
 
         const visual = new drawing.Group();
 
+        if (title.visible && title.text) {
+            const titleElement = new Title(deepExtend({}, { wrapWidth: width, wrapHeight: height }, title));
+            const titleVisual = titleElement.exportVisual();
+            visual.append(titleVisual);
+        }
+
         const visualNodes = new Map();
 
         nodes.forEach((node, i) => {
@@ -311,5 +334,16 @@ setDefaultOptions(Sankey, {
             opacity: 0.8,
             inactiveOpacity: 0.2
         }
-    }
+    },
+    title: {
+        visible: true,
+        position: TOP,
+        align: CENTER,
+        opacity: 1,
+        border: {
+            width: 0
+        },
+        margin: getSpacing(5),
+        padding: getSpacing(5)
+    },
 });

package/dist/es2015/sankey/title.js

@@ -0,0 +1,34 @@
+import { SankeyElement } from "./element";
+import { Title as CoreTitle } from "../core";
+import Box from "../core/box";
+import { deepExtend } from "../common";
+import { BOTTOM } from "../common/constants";
+import { getSpacing } from "../common";
+
+export class Title extends SankeyElement {
+    getElement() {
+        const options = deepExtend({}, this.options, this.options.title);
+        const { wrapWidth, wrapHeight, text, border } = options;
+        const padding = getSpacing(options.padding);
+        const margin = getSpacing(options.margin);
+
+        if (!options.visible || !text) {
+            return null;
+        }
+
+        const title = CoreTitle.buildTitle(text, options);
+        const titleSizeBox = title.children[0].container.box;
+        const totalTitleHeight = margin.top + border.width + padding.top + titleSizeBox.height() + padding.bottom + border.width + margin.bottom;
+        const offsetTop = options.position === BOTTOM ? wrapHeight - totalTitleHeight : 0;
+        const titleRect = new Box(0, offsetTop, wrapWidth, offsetTop + totalTitleHeight);
+
+        title.reflow(titleRect);
+
+        title.renderVisual();
+        return title.visual;
+    }
+
+    createElement() {
+        return this.getElement();
+    }
+}