@nativescript-community/ui-chart 2.0.7 → 2.0.10

package/components/AxisBase.js

@@ -0,0 +1,352 @@
+import { Align, DashPathEffect } from '@nativescript-community/ui-canvas';
+import { DefaultAxisValueFormatter } from '../formatter/DefaultAxisValueFormatter';
+import { ComponentBase } from './ComponentBase';
+/**
+ * Base-class of all axes (previously called labels).
+ *
+
+ */
+export class AxisBase extends ComponentBase {
+    /**
+     * default constructor
+     */
+    constructor(chart) {
+        super();
+        /**
+         * the color of the grid lines for this axis (the horizontal lines
+         * coming from each label).
+         */
+        this.gridColor = 'gray';
+        /**
+         * the width of the grid lines that are drawn away from each axis
+         * label.
+         */
+        this.gridLineWidth = 1;
+        /**
+         * the color of the border surrounding the chart.
+         */
+        this.axisLineColor = 'gray';
+        /**
+         * the width of the border surrounding the chart in dp.
+         */
+        this.axisLineWidth = 1;
+        /**
+         * the actual array of entries
+         */
+        this.mEntries = [];
+        this.mLabels = [];
+        /**
+         * axis label entries only used for centered labels
+         */
+        this.mCenteredEntries = [];
+        /**
+         * the number of label entries the axis should have, default 6
+         */
+        this.labelCount = 6;
+        /**
+         * the labels text alignment of the axis labels.
+         */
+        this.labelTextAlign = Align.LEFT;
+        /**
+         * if true, the set number of y-labels will be forced
+         */
+        this.forceLabelsEnabled = false;
+        /**
+         * flag indicating if the grid lines for this axis should be drawn
+         */
+        this.drawGridLines = true;
+        /**
+         * flag that indicates if the line alongside the axis is drawn or not
+         */
+        this.drawAxisLine = true;
+        /**
+         * flag that indicates of the labels of this axis should be drawn or not
+         */
+        this.drawLabels = true;
+        /**
+         * Centers the axis labels instead of drawing them at their original position.
+         * This is useful especially for grouped BarChart.
+         */
+        this.centerAxisLabels = false;
+        this.ensureLastLabel = false;
+        this.allowLastLabelAboveMax = false;
+        /**
+         * the path effect of the axis line that makes dashed lines possible
+         */
+        this.axisLineDashPathEffect = null;
+        /**
+         * the path effect of the grid lines that makes dashed lines possible
+         */
+        this.gridDashPathEffect = null;
+        /**
+         * array of limit lines that can be set for the axis
+         */
+        this.mLimitLines = [];
+        /**
+         * flag indicating if the limit lines are drawn
+         */
+        this.drawLimitLines = true;
+        /**
+         * When enabled the LimitLines are drawn behind the actual data,
+         * otherwise on top. Default: false
+         *
+         * @param enabled
+         */
+        this.drawLimitLinesBehindData = false;
+        /**
+         * When enabled the limitlines will be clipped to contentRect,
+         * otherwise they can bleed outside the content rect.
+         */
+        this.clipLimitLinesToContent = true;
+        /**
+         * When enabled the labels are drawn behind the actual data,
+         * otherwise on top. Default: false
+         */
+        this.drawLabelsBehindData = false;
+        /**
+         * When enabled the grid lines are draw on top of the actual data,
+         * otherwise behind. Default: true
+         */
+        this.drawGridLinesBehindData = true;
+        /**
+         * flag indicating the mark ticks should be drawn
+         */
+        this.drawMarkTicks = false;
+        /**
+         * Extra spacing for `axisMinimum` to be added to automatically calculated `axisMinimum`
+         */
+        this.spaceMin = 0;
+        /**
+         * Extra spacing for `axisMaximum` to be added to automatically calculated `axisMaximum`
+         */
+        this.spaceMax = 0;
+        /**
+         * flag indicating that the axis-min value has been customized
+         */
+        this.mCustomAxisMin = false;
+        /**
+         * flag indicating that the axis-max value has been customized
+         */
+        this.mCustomAxisMax = false;
+        /**
+         * don't touch this direclty, use setter
+         */
+        this.mAxisMaximum = 0;
+        /**
+         * don't touch this directly, use setter
+         */
+        this.mAxisMinimum = 0;
+        /**
+         * the total range of values this axis covers
+         */
+        this.axisRange = 0;
+        /**
+         * the total range of values this axis covers
+         */
+        this.ignoreOffsets = false;
+        this.chart = chart;
+    }
+    /**
+     * Adds a new LimitLine to this axis.
+     *
+     * @param l
+     */
+    addLimitLine(l) {
+        this.mLimitLines.push(l);
+    }
+    /**
+     * Removes the specified LimitLine from the axis.
+     *
+     * @param l
+     */
+    removeLimitLine(l) {
+        const index = this.mLimitLines.indexOf(l);
+        if (index >= 0) {
+            this.mLimitLines.splice(index, 1);
+        }
+    }
+    /**
+     * Removes all LimitLines from the axis.
+     */
+    removeAllLimitLines() {
+        this.mLimitLines = [];
+    }
+    /**
+     * Returns the LimitLines of this axis.
+     */
+    get limitLines() {
+        return this.mLimitLines;
+    }
+    /**
+     * Returns the longest formatted label (in terms of characters), this axis
+     * contains.
+     */
+    get longestLabel() {
+        let longest = '';
+        const labels = this.mLabels;
+        for (let i = 0; i < this.mEntries.length; i++) {
+            const text = labels[i];
+            if (text && longest.length < text.length) {
+                longest = text;
+            }
+        }
+        return longest;
+    }
+    getFormattedLabel(index) {
+        // let label = this.mLabels[index];
+        // if (!label) {
+        //     label = this.mLabels[index] = this.valueFormatter.getAxisLabel()
+        // }
+        return this.mLabels[index];
+    }
+    /**
+     * Sets the formatter to be used for formatting the axis labels. If no formatter is set, the
+     * chart will
+     * automatically determine a reasonable formatting (concerning decimals) for all the values
+     * that are drawn inside
+     * the chart. Use chart.defaultValueFormatter to use the formatter calculated by the chart.
+     *
+     * @param f
+     */
+    set valueFormatter(f) {
+        if (!f)
+            this.mAxisValueFormatter = new DefaultAxisValueFormatter(this.mDecimals);
+        else
+            this.mAxisValueFormatter = f;
+    }
+    /**
+     * Returns the formatter used for formatting the axis labels.
+     */
+    get valueFormatter() {
+        if (!this.mAxisValueFormatter || (this.mAxisValueFormatter instanceof DefaultAxisValueFormatter && this.mAxisValueFormatter.decimalDigits !== this.mDecimals)) {
+            this.mAxisValueFormatter = new DefaultAxisValueFormatter(this.mDecimals);
+        }
+        return this.mAxisValueFormatter;
+    }
+    /**
+     * Enables the grid line to be drawn in dashed mode, e.g. like this
+     * "- - - - - -". THIS ONLY WORKS IF HARDWARE-ACCELERATION IS TURNED OFF.
+     * Keep in mind that hardware acceleration boosts performance.
+     *
+     * @param lineLength  the length of the line pieces
+     * @param spaceLength the length of space in between the pieces
+     * @param phase       offset, in degrees (normally, use 0)
+     */
+    enableGridDashedLine(lineLength, spaceLength, phase) {
+        this.gridDashPathEffect = new DashPathEffect([lineLength, spaceLength], phase);
+    }
+    /**
+     * Enables the axis line to be drawn in dashed mode, e.g. like this
+     * "- - - - - -". THIS ONLY WORKS IF HARDWARE-ACCELERATION IS TURNED OFF.
+     * Keep in mind that hardware acceleration boosts performance.
+     *
+     * @param lineLength  the length of the line pieces
+     * @param spaceLength the length of space in between the pieces
+     * @param phase       offset, in degrees (normally, use 0)
+     */
+    enableAxisLineDashedLine(lineLength, spaceLength, phase) {
+        this.axisLineDashPathEffect = new DashPathEffect([lineLength, spaceLength], phase);
+        // this.axisLineDashPathEffect = parseDashEffect(`${lineLength} ${spaceLength} ${phase}`);
+    }
+    /**
+     * ###### BELOW CODE RELATED TO CUSTOM AXIS VALUES ######
+     */
+    /**
+     * By calling this method, any custom maximum value that has been previously set is reseted,
+     * and the calculation is
+     * done automatically.
+     */
+    resetAxisMaximum() {
+        this.mCustomAxisMax = false;
+    }
+    /**
+     * Returns true if the axis max value has been customized (and is not calculated automatically)
+     */
+    isAxisMaxCustom() {
+        return this.mCustomAxisMax;
+    }
+    /**
+     * By calling this method, any custom minimum value that has been previously set is reseted,
+     * and the calculation is
+     * done automatically.
+     */
+    resetAxisMinimum() {
+        this.mCustomAxisMin = false;
+    }
+    /**
+     * Returns true if the axis min value has been customized (and is not calculated automatically)
+     */
+    isAxisMinCustom() {
+        return this.mCustomAxisMin;
+    }
+    /**
+     * Set a custom minimum value for this axis. If set, this value will not be calculated
+     * automatically depending on
+     * the provided data. Use resetAxisMinValue() to undo this. Do not forget to call
+     * setStartAtZero(false) if you use
+     * this method. Otherwise, the axis-minimum value will still be forced to 0.
+     *
+     * @param min
+     */
+    set axisMinimum(min) {
+        this.mCustomAxisMin = true;
+        this.mAxisMinimum = min;
+        this.axisRange = Math.abs(this.mAxisMaximum - min);
+    }
+    get axisMinimum() {
+        return this.mAxisMinimum;
+    }
+    get axisMaximum() {
+        return this.mAxisMaximum;
+    }
+    /**
+     * Set a custom maximum value for this axis. If set, this value will not be calculated
+     * automatically depending on
+     * the provided data. Use resetAxisMaxValue() to undo this.
+     *
+     * @param max
+     */
+    set axisMaximum(max) {
+        this.mCustomAxisMax = true;
+        this.mAxisMaximum = max;
+        this.axisRange = Math.abs(max - this.mAxisMinimum);
+    }
+    /**
+     * Calculates the minimum / maximum  and range values of the axis with the given
+     * minimum and maximum values from the chart data.
+     *
+     * @param dataMin the min value according to chart data
+     * @param dataMax the max value according to chart data
+     */
+    calculate(dataMin, dataMax) {
+        // if custom, use value as is, else use data value
+        let min = this.mCustomAxisMin ? this.mAxisMinimum : dataMin - this.spaceMin;
+        let max = this.mCustomAxisMax ? this.mAxisMaximum : dataMax + this.spaceMax;
+        if (this.axisSuggestedMinimum !== undefined) {
+            min = Math.min(min, this.axisSuggestedMinimum);
+        }
+        if (this.axisSuggestedMaximum !== undefined) {
+            max = Math.max(max, this.axisSuggestedMaximum);
+        }
+        // temporary range (before calculations)
+        let range = Math.abs(max - min);
+        // in case all values are equal
+        if (range === 0) {
+            max = max + 1;
+            min = min - 1;
+        }
+        if (!Number.isFinite(min)) {
+            min = 0;
+        }
+        if (!Number.isFinite(max)) {
+            max = 0;
+        }
+        // recalculate
+        range = Math.abs(max - min);
+        this.mAxisMinimum = min;
+        this.mAxisMaximum = max;
+        // actual range
+        this.axisRange = range;
+    }
+}
+//# sourceMappingURL=AxisBase.js.map

package/components/AxisBase.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AxisBase.js","sourceRoot":"","sources":["../../../src/ui-chart/components/AxisBase.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,cAAc,EAAE,MAAM,mCAAmC,CAAC;AAC1E,OAAO,EAAE,yBAAyB,EAAE,MAAM,wCAAwC,CAAC;AAGnF,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAIhD;;;;GAIG;AACH,MAAM,OAAgB,QAAS,SAAQ,aAAa;IAoNhD;;OAEG;IACH,YAAmB,KAAoC;QACnD,KAAK,EAAE,CAAC;QAlNZ;;;WAGG;QACH,cAAS,GAAG,MAAM,CAAC;QAEnB;;;WAGG;QACH,kBAAa,GAAG,CAAC,CAAC;QAElB;;WAEG;QACH,kBAAa,GAAG,MAAM,CAAC;QAEvB;;WAEG;QACH,kBAAa,GAAG,CAAC,CAAC;QAElB;;WAEG;QACI,aAAQ,GAAa,EAAE,CAAC;QACxB,YAAO,GAAa,EAAE,CAAC;QAE9B;;WAEG;QACI,qBAAgB,GAAa,EAAE,CAAC;QAYvC;;WAEG;QACH,eAAU,GAAW,CAAC,CAAC;QAEvB;;WAEG;QACH,mBAAc,GAAU,KAAK,CAAC,IAAI,CAAC;QAanC;;WAEG;QACH,uBAAkB,GAAG,KAAK,CAAC;QAE3B;;WAEG;QACH,kBAAa,GAAG,IAAI,CAAC;QAErB;;WAEG;QACH,iBAAY,GAAG,IAAI,CAAC;QAEpB;;WAEG;QACH,eAAU,GAAG,IAAI,CAAC;QAElB;;;WAGG;QACH,qBAAgB,GAAG,KAAK,CAAC;QAEzB,oBAAe,GAAG,KAAK,CAAC;QAExB,2BAAsB,GAAG,KAAK,CAAC;QAE/B;;WAEG;QACH,2BAAsB,GAAmB,IAAI,CAAC;QAE9C;;WAEG;QACH,uBAAkB,GAAmB,IAAI,CAAC;QAE1C;;WAEG;QACO,gBAAW,GAAgB,EAAE,CAAC;QAExC;;WAEG;QACH,mBAAc,GAAG,IAAI,CAAC;QAEtB;;;;;WAKG;QACH,6BAAwB,GAAG,KAAK,CAAC;QAEjC;;;WAGG;QACH,4BAAuB,GAAG,IAAI,CAAC;QAE/B;;;WAGG;QACH,yBAAoB,GAAG,KAAK,CAAC;QAE7B;;;WAGG;QACH,4BAAuB,GAAG,IAAI,CAAC;QAE/B;;WAEG;QACH,kBAAa,GAAG,KAAK,CAAC;QAEtB;;WAEG;QACH,aAAQ,GAAG,CAAC,CAAC;QAEb;;WAEG;QACH,aAAQ,GAAG,CAAC,CAAC;QAEb;;WAEG;QACO,mBAAc,GAAG,KAAK,CAAC;QAEjC;;WAEG;QACO,mBAAc,GAAG,KAAK,CAAC;QAEjC;;WAEG;QACO,iBAAY,GAAG,CAAC,CAAC;QAE3B;;WAEG;QACO,iBAAY,GAAG,CAAC,CAAC;QAc3B;;WAEG;QACH,cAAS,GAAG,CAAC,CAAC;QACd;;WAEG;QACH,kBAAa,GAAG,KAAK,CAAC;QAiBlB,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC;IACvB,CAAC;IAED;;;;OAIG;IACI,YAAY,CAAC,CAAY;QAC5B,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;IAC7B,CAAC;IAED;;;;OAIG;IACI,eAAe,CAAC,CAAY;QAC/B,MAAM,KAAK,GAAG,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC;QAC1C,IAAI,KAAK,IAAI,CAAC,EAAE,CAAC;YACb,IAAI,CAAC,WAAW,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC;QACtC,CAAC;IACL,CAAC;IAED;;OAEG;IACI,mBAAmB;QACtB,IAAI,CAAC,WAAW,GAAG,EAAE,CAAC;IAC1B,CAAC;IAED;;OAEG;IACH,IAAW,UAAU;QACjB,OAAO,IAAI,CAAC,WAAW,CAAC;IAC5B,CAAC;IAED;;;OAGG;IACH,IAAW,YAAY;QACnB,IAAI,OAAO,GAAG,EAAE,CAAC;QACjB,MAAM,MAAM,GAAG,IAAI,CAAC,OAAO,CAAC;QAC5B,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,IAAI,CAAC,QAAQ,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE,CAAC;YAC5C,MAAM,IAAI,GAAG,MAAM,CAAC,CAAC,CAAC,CAAC;YAEvB,IAAI,IAAI,IAAI,OAAO,CAAC,MAAM,GAAG,IAAI,CAAC,MAAM,EAAE,CAAC;gBACvC,OAAO,GAAG,IAAI,CAAC;YACnB,CAAC;QACL,CAAC;QAED,OAAO,OAAO,CAAC;IACnB,CAAC;IAEM,iBAAiB,CAAC,KAAK;QAC1B,mCAAmC;QACnC,gBAAgB;QAChB,uEAAuE;QACvE,IAAI;QACJ,OAAO,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;IAC/B,CAAC;IAED;;;;;;;;OAQG;IACH,IAAW,cAAc,CAAC,CAAsB;QAC5C,IAAI,CAAC,CAAC;YAAE,IAAI,CAAC,mBAAmB,GAAG,IAAI,yBAAyB,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;;YAC5E,IAAI,CAAC,mBAAmB,GAAG,CAAC,CAAC;IACtC,CAAC;IAED;;OAEG;IACH,IAAW,cAAc;QACrB,IAAI,CAAC,IAAI,CAAC,mBAAmB,IAAI,CAAC,IAAI,CAAC,mBAAmB,YAAY,yBAAyB,IAAI,IAAI,CAAC,mBAAmB,CAAC,aAAa,KAAK,IAAI,CAAC,SAAS,CAAC,EAAE,CAAC;YAC5J,IAAI,CAAC,mBAAmB,GAAG,IAAI,yBAAyB,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;QAC7E,CAAC;QAED,OAAO,IAAI,CAAC,mBAAmB,CAAC;IACpC,CAAC;IAED;;;;;;;;OAQG;IACI,oBAAoB,CAAC,UAAU,EAAE,WAAW,EAAE,KAAK;QACtD,IAAI,CAAC,kBAAkB,GAAG,IAAI,cAAc,CAAC,CAAC,UAAU,EAAE,WAAW,CAAC,EAAE,KAAK,CAAC,CAAC;IACnF,CAAC;IAED;;;;;;;;OAQG;IACI,wBAAwB,CAAC,UAAU,EAAE,WAAW,EAAE,KAAK;QAC1D,IAAI,CAAC,sBAAsB,GAAG,IAAI,cAAc,CAAC,CAAC,UAAU,EAAE,WAAW,CAAC,EAAE,KAAK,CAAC,CAAC;QACnF,0FAA0F;IAC9F,CAAC;IAED;;OAEG;IAEH;;;;OAIG;IACI,gBAAgB;QACnB,IAAI,CAAC,cAAc,GAAG,KAAK,CAAC;IAChC,CAAC;IAED;;OAEG;IACI,eAAe;QAClB,OAAO,IAAI,CAAC,cAAc,CAAC;IAC/B,CAAC;IAED;;;;OAIG;IACI,gBAAgB;QACnB,IAAI,CAAC,cAAc,GAAG,KAAK,CAAC;IAChC,CAAC;IAED;;OAEG;IACI,eAAe;QAClB,OAAO,IAAI,CAAC,cAAc,CAAC;IAC/B,CAAC;IAED;;;;;;;;OAQG;IACH,IAAW,WAAW,CAAC,GAAG;QACtB,IAAI,CAAC,cAAc,GAAG,IAAI,CAAC;QAC3B,IAAI,CAAC,YAAY,GAAG,GAAG,CAAC;QACxB,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,YAAY,GAAG,GAAG,CAAC,CAAC;IACvD,CAAC;IACD,IAAW,WAAW;QAClB,OAAO,IAAI,CAAC,YAAY,CAAC;IAC7B,CAAC;IAED,IAAW,WAAW;QAClB,OAAO,IAAI,CAAC,YAAY,CAAC;IAC7B,CAAC;IACD;;;;;;OAMG;IACH,IAAW,WAAW,CAAC,GAAG;QACtB,IAAI,CAAC,cAAc,GAAG,IAAI,CAAC;QAC3B,IAAI,CAAC,YAAY,GAAG,GAAG,CAAC;QACxB,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,GAAG,CAAC,GAAG,GAAG,IAAI,CAAC,YAAY,CAAC,CAAC;IACvD,CAAC;IAED;;;;;;OAMG;IACI,SAAS,CAAC,OAAO,EAAE,OAAO;QAC7B,kDAAkD;QAClD,IAAI,GAAG,GAAG,IAAI,CAAC,cAAc,CAAC,CAAC,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC,OAAO,GAAG,IAAI,CAAC,QAAQ,CAAC;QAC5E,IAAI,GAAG,GAAG,IAAI,CAAC,cAAc,CAAC,CAAC,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC,OAAO,GAAG,IAAI,CAAC,QAAQ,CAAC;QAC5E,IAAI,IAAI,CAAC,oBAAoB,KAAK,SAAS,EAAE,CAAC;YAC1C,GAAG,GAAG,IAAI,CAAC,GAAG,CAAC,GAAG,EAAE,IAAI,CAAC,oBAAoB,CAAC,CAAC;QACnD,CAAC;QACD,IAAI,IAAI,CAAC,oBAAoB,KAAK,SAAS,EAAE,CAAC;YAC1C,GAAG,GAAG,IAAI,CAAC,GAAG,CAAC,GAAG,EAAE,IAAI,CAAC,oBAAoB,CAAC,CAAC;QACnD,CAAC;QACD,wCAAwC;QACxC,IAAI,KAAK,GAAG,IAAI,CAAC,GAAG,CAAC,GAAG,GAAG,GAAG,CAAC,CAAC;QAEhC,+BAA+B;QAC/B,IAAI,KAAK,KAAK,CAAC,EAAE,CAAC;YACd,GAAG,GAAG,GAAG,GAAG,CAAC,CAAC;YACd,GAAG,GAAG,GAAG,GAAG,CAAC,CAAC;QAClB,CAAC;QACD,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC,GAAG,CAAC,EAAE,CAAC;YACxB,GAAG,GAAG,CAAC,CAAC;QACZ,CAAC;QACD,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC,GAAG,CAAC,EAAE,CAAC;YACxB,GAAG,GAAG,CAAC,CAAC;QACZ,CAAC;QACD,cAAc;QACd,KAAK,GAAG,IAAI,CAAC,GAAG,CAAC,GAAG,GAAG,GAAG,CAAC,CAAC;QAE5B,IAAI,CAAC,YAAY,GAAG,GAAG,CAAC;QACxB,IAAI,CAAC,YAAY,GAAG,GAAG,CAAC;QACxB,eAAe;QACf,IAAI,CAAC,SAAS,GAAG,KAAK,CAAC;IAC3B,CAAC;CACJ"}

package/components/ComponentBase.d.ts

@@ -0,0 +1,60 @@
+import { Font } from '@nativescript/core/ui/styling/font';
+/**
+ * This class encapsulates everything both Axis, Legend and LimitLines have in common.
+ *
+
+ */
+export declare abstract class ComponentBase {
+    /**
+     * flag that indicates if this axis / legend is enabled or not
+     */
+    enabled: boolean;
+    /**
+     * the offset in pixels this component has on the x-axis
+     */
+    xOffset: number;
+    /**
+     * the offset in pixels this component has on the Y-axis
+     */
+    yOffset: number;
+    /**
+     * the typeface used for the labels
+     */
+    typeface: Font;
+    /**
+     * the text size of the labels
+     */
+    protected mTextSize: number;
+    /**
+     * the text color to use for the labels
+     */
+    textColor: string;
+    ComponentBase(): void;
+    /**
+     * returns the Typeface used for the labels, returns null if none is set
+     *
+     * @return {@link Font}
+     */
+    get font(): Font;
+    /**
+     * sets a specific Typeface for the labels
+     *
+     * @param tf
+     */
+    set font(tf: Font);
+    /**
+     * sets the size of the label text in density pixels min = 6f, max = 24f, default
+     * 10
+     *
+     * @param size the text size, in DP
+     */
+    set textSize(size: number);
+    /**
+     * returns the text size that is currently set for the labels, in pixels
+     */
+    get textSize(): number;
+    /**
+     * Defines if the renderer should ensure we always see the component fully
+     */
+    ensureVisible: boolean;
+}

package/components/ComponentBase.js

@@ -0,0 +1,77 @@
+import { Font } from '@nativescript/core/ui/styling/font';
+const DEFAULT_FONT = Font.default.withFontSize(10);
+/**
+ * This class encapsulates everything both Axis, Legend and LimitLines have in common.
+ *
+
+ */
+export class ComponentBase {
+    constructor() {
+        /**
+         * flag that indicates if this axis / legend is enabled or not
+         */
+        this.enabled = true;
+        /**
+         * the offset in pixels this component has on the x-axis
+         */
+        this.xOffset = 5;
+        /**
+         * the offset in pixels this component has on the Y-axis
+         */
+        this.yOffset = 5;
+        /**
+         * the typeface used for the labels
+         */
+        this.typeface = DEFAULT_FONT;
+        /**
+         * the text size of the labels
+         */
+        this.mTextSize = 10;
+        /**
+         * the text color to use for the labels
+         */
+        this.textColor = 'black';
+        /**
+         * Defines if the renderer should ensure we always see the component fully
+         */
+        this.ensureVisible = false;
+    }
+    ComponentBase() { }
+    /**
+     * returns the Typeface used for the labels, returns null if none is set
+     *
+     * @return {@link Font}
+     */
+    get font() {
+        return this.typeface;
+    }
+    /**
+     * sets a specific Typeface for the labels
+     *
+     * @param tf
+     */
+    set font(tf) {
+        if (tf.fontSize <= 0) {
+            tf = tf.withFontSize(this.textSize);
+        }
+        this.typeface = tf;
+    }
+    /**
+     * sets the size of the label text in density pixels min = 6f, max = 24f, default
+     * 10
+     *
+     * @param size the text size, in DP
+     */
+    set textSize(size) {
+        this.mTextSize = size;
+        // this bit is important to make sure we dont create crazy amount of native fonts on render
+        this.typeface = this.typeface.withFontSize(size);
+    }
+    /**
+     * returns the text size that is currently set for the labels, in pixels
+     */
+    get textSize() {
+        return this.mTextSize;
+    }
+}
+//# sourceMappingURL=ComponentBase.js.map

package/components/ComponentBase.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ComponentBase.js","sourceRoot":"","sources":["../../../src/ui-chart/components/ComponentBase.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,oCAAoC,CAAC;AAE1D,MAAM,YAAY,GAAG,IAAI,CAAC,OAAO,CAAC,YAAY,CAAC,EAAE,CAAC,CAAC;AACnD;;;;GAIG;AACH,MAAM,OAAgB,aAAa;IAAnC;QACI;;WAEG;QACH,YAAO,GAAY,IAAI,CAAC;QAExB;;WAEG;QACH,YAAO,GAAW,CAAC,CAAC;QAEpB;;WAEG;QACH,YAAO,GAAW,CAAC,CAAC;QAEpB;;WAEG;QACH,aAAQ,GAAS,YAAY,CAAC;QAE9B;;WAEG;QACO,cAAS,GAAW,EAAE,CAAC;QAEjC;;WAEG;QACH,cAAS,GAAW,OAAO,CAAC;QA2C5B;;WAEG;QACI,kBAAa,GAAG,KAAK,CAAC;IACjC,CAAC;IA7CU,aAAa,KAAI,CAAC;IAEzB;;;;OAIG;IACH,IAAW,IAAI;QACX,OAAO,IAAI,CAAC,QAAQ,CAAC;IACzB,CAAC;IAED;;;;OAIG;IACH,IAAW,IAAI,CAAC,EAAQ;QACpB,IAAI,EAAE,CAAC,QAAQ,IAAI,CAAC,EAAE,CAAC;YACnB,EAAE,GAAG,EAAE,CAAC,YAAY,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;QACxC,CAAC;QACD,IAAI,CAAC,QAAQ,GAAG,EAAE,CAAC;IACvB,CAAC;IACD;;;;;OAKG;IACH,IAAI,QAAQ,CAAC,IAAI;QACb,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC;QACtB,2FAA2F;QAC3F,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,QAAQ,CAAC,YAAY,CAAC,IAAI,CAAC,CAAC;IACrD,CAAC;IAED;;OAEG;IACH,IAAI,QAAQ;QACR,OAAO,IAAI,CAAC,SAAS,CAAC;IAC1B,CAAC;CAMJ"}

package/components/Description.d.ts

@@ -0,0 +1,22 @@
+import { ComponentBase } from './ComponentBase';
+/**
+ * Created by Philipp Jahoda on 17/09/16.
+ */
+export declare class Description extends ComponentBase {
+    /**
+     * the text used in the description
+     */
+    text: string;
+    /**
+     * the custom position of the description text
+     */
+    position: {
+        x: number;
+        y: number;
+    };
+    /**
+     * the alignment of the description text
+     */
+    textAlign: globalAndroid.graphics.Paint.Align;
+    constructor();
+}

package/components/Description.js

@@ -0,0 +1,21 @@
+import { ComponentBase } from './ComponentBase';
+import { Align } from '@nativescript-community/ui-canvas';
+/**
+ * Created by Philipp Jahoda on 17/09/16.
+ */
+export class Description extends ComponentBase {
+    constructor() {
+        super();
+        /**
+         * the text used in the description
+         */
+        this.text = 'Description Label';
+        /**
+         * the alignment of the description text
+         */
+        this.textAlign = Align.RIGHT;
+        // default size
+        this.textSize = 8;
+    }
+}
+//# sourceMappingURL=Description.js.map

package/components/Description.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Description.js","sourceRoot":"","sources":["../../../src/ui-chart/components/Description.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,KAAK,EAAE,MAAM,mCAAmC,CAAC;AAG1D;;GAEG;AACH,MAAM,OAAO,WAAY,SAAQ,aAAa;IAgB1C;QACI,KAAK,EAAE,CAAC;QAhBZ;;WAEG;QACH,SAAI,GAAG,mBAAmB,CAAC;QAO3B;;WAEG;QACH,cAAS,GAAG,KAAK,CAAC,KAAK,CAAC;QAIpB,eAAe;QACf,IAAI,CAAC,QAAQ,GAAG,CAAC,CAAC;IACtB,CAAC;CACJ"}

package/components/IMarker.d.ts

@@ -0,0 +1,39 @@
+import { Highlight } from '../highlight/Highlight';
+import { Entry } from '../data/Entry';
+import { MPPointF } from '../utils/MPPointF';
+import { Canvas } from '@nativescript-community/ui-canvas';
+export interface IMarker {
+    /**
+     * @return The desired (general) offset you wish the IMarker to have on the x- and y-axis.
+     *         By returning x: -(width / 2) you will center the IMarker horizontally.
+     *         By returning y: -(height / 2) you will center the IMarker vertically.
+     */
+    readonly offset: MPPointF;
+    /**
+     * @return The offset for drawing at the specific `point`. This allows conditional adjusting of the Marker position.
+     *         If you have no adjustments to make, return getOffset().
+     *
+     * @param posX This is the X position at which the marker wants to be drawn.
+     *             You can adjust the offset conditionally based on this argument.
+     * @param posY This is the X position at which the marker wants to be drawn.
+     *             You can adjust the offset conditionally based on this argument.
+     */
+    getOffsetForDrawingAtPoint(posX: any, posY: any): MPPointF;
+    /**
+     * This method enables a specified custom IMarker to update it's content every time the IMarker is redrawn.
+     *
+     * @param e         The Entry the IMarker belongs to. This can also be any subclass of Entry, like BarEntry or
+     *                  CandleEntry, simply cast it at runtime.
+     * @param highlight The highlight object contains information about the highlighted value such as it's dataset-index, the
+     *                  selected range or stack-index (only stacked bar entries).
+     */
+    refreshContent(e: Entry, highlight: Highlight): any;
+    /**
+     * Draws the IMarker on the given position on the screen with the given Canvas object.
+     *
+     * @param canvas
+     * @param posX
+     * @param posY
+     */
+    draw(canvas: Canvas, posX: any, posY: any): any;
+}

package/components/IMarker.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=IMarker.js.map

package/components/IMarker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IMarker.js","sourceRoot":"","sources":["../../../src/ui-chart/components/IMarker.ts"],"names":[],"mappings":""}