@nativescript-community/ui-chart 2.0.7 → 2.0.10

package/highlight/PieRadarHighlighter.js

@@ -0,0 +1,33 @@
+export class PieRadarHighlighter {
+    constructor(chart) {
+        /**
+         * buffer for storing previously highlighted values
+         */
+        this.mHighlightBuffer = [];
+        this.mChart = chart;
+    }
+    getHighlightsAtXValue(xVal, x, y) {
+        // not implemented
+        return null;
+    }
+    getHighlight(x, y) {
+        const touchDistanceToCenter = this.mChart.distanceToCenter(x, y);
+        // Check if a slice was touched
+        if (touchDistanceToCenter > this.mChart.radius) {
+            // if no slice was touched, highlight nothing
+            return null;
+        }
+        let angle = this.mChart.getAngleForPoint(x, y);
+        // detect PieChart while preventing circular dep
+        if (!this.mChart['mCircleBox']) {
+            angle /= this.mChart.animator.phaseY;
+        }
+        const index = this.mChart.getIndexForAngle(angle);
+        // check if the index could be found
+        if (index < 0 || index >= this.mChart.data.maxEntryCountSet.entryCount) {
+            return null;
+        }
+        return [this.getClosestHighlight(index, x, y)];
+    }
+}
+//# sourceMappingURL=PieRadarHighlighter.js.map

package/highlight/PieRadarHighlighter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PieRadarHighlighter.js","sourceRoot":"","sources":["../../../src/ui-chart/highlight/PieRadarHighlighter.ts"],"names":[],"mappings":"AAOA,MAAM,OAAgB,mBAAmB;IAQrC,YAAY,KAAQ;QALpB;;WAEG;QACO,qBAAgB,GAAgB,EAAE,CAAC;QAGzC,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC;IACxB,CAAC;IACD,qBAAqB,CAAC,IAAI,EAAE,CAAE,EAAE,CAAE;QAC9B,kBAAkB;QAClB,OAAO,IAAI,CAAC;IAChB,CAAC;IAEM,YAAY,CAAC,CAAS,EAAE,CAAS;QACpC,MAAM,qBAAqB,GAAG,IAAI,CAAC,MAAM,CAAC,gBAAgB,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;QAEjE,+BAA+B;QAC/B,IAAI,qBAAqB,GAAG,IAAI,CAAC,MAAM,CAAC,MAAM,EAAE,CAAC;YAC7C,6CAA6C;YAC7C,OAAO,IAAI,CAAC;QAChB,CAAC;QAED,IAAI,KAAK,GAAG,IAAI,CAAC,MAAM,CAAC,gBAAgB,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;QAE/C,gDAAgD;QAChD,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,YAAY,CAAC,EAAE,CAAC;YAC7B,KAAK,IAAI,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC,MAAM,CAAC;QACzC,CAAC;QAED,MAAM,KAAK,GAAG,IAAI,CAAC,MAAM,CAAC,gBAAgB,CAAC,KAAK,CAAC,CAAC;QAElD,oCAAoC;QACpC,IAAI,KAAK,GAAG,CAAC,IAAI,KAAK,IAAI,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,gBAAgB,CAAC,UAAU,EAAE,CAAC;YACrE,OAAO,IAAI,CAAC;QAChB,CAAC;QACD,OAAO,CAAC,IAAI,CAAC,mBAAmB,CAAC,KAAK,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC;IACnD,CAAC;CAWJ"}

package/highlight/RadarHighlighter.d.ts

@@ -0,0 +1,20 @@
+import { RadarChart } from '../charts/RadarChart';
+import { RadarDataSet } from '../data/RadarDataSet';
+import { RadarEntry } from '../data/RadarEntry';
+import { PieRadarHighlighter } from './PieRadarHighlighter';
+/**
+ * Created by philipp on 12/06/16.
+ */
+export declare class RadarHighlighter extends PieRadarHighlighter<RadarEntry, RadarDataSet, RadarChart> {
+    protected getClosestHighlight(index: number, x: number, y: number): any;
+    /**
+     * Returns an array of Highlight objects for the given index. The Highlight
+     * objects give information about the value at the selected index and the
+     * DataSet it belongs to. INFORMATION: This method does calculations at
+     * runtime. Do not over-use in performance critical situations.
+     *
+     * @param index
+     * @return
+     */
+    protected getHighlightsAtIndex(index: any): import("./Highlight").Highlight<import("../data/Entry").Entry>[];
+}

package/highlight/RadarHighlighter.js

@@ -0,0 +1,59 @@
+import { Utils } from '../utils/Utils';
+import { PieRadarHighlighter } from './PieRadarHighlighter';
+/**
+ * Created by philipp on 12/06/16.
+ */
+export class RadarHighlighter extends PieRadarHighlighter {
+    getClosestHighlight(index, x, y) {
+        const highlights = this.getHighlightsAtIndex(index);
+        const distanceToCenter = this.mChart.distanceToCenter(x, y) / this.mChart.factor;
+        let closest = null;
+        let distance = Infinity;
+        for (let i = 0; i < highlights.length; i++) {
+            const high = highlights[i];
+            // const set = this.mChart.data.getDataSetByIndex(high.dataSetIndex);
+            // const yProperty = set.yProperty;
+            const cdistance = Math.abs(high.y - distanceToCenter);
+            if (cdistance < distance) {
+                closest = high;
+                distance = cdistance;
+            }
+        }
+        return closest;
+    }
+    /**
+     * Returns an array of Highlight objects for the given index. The Highlight
+     * objects give information about the value at the selected index and the
+     * DataSet it belongs to. INFORMATION: This method does calculations at
+     * runtime. Do not over-use in performance critical situations.
+     *
+     * @param index
+     * @return
+     */
+    getHighlightsAtIndex(index) {
+        this.mHighlightBuffer = [];
+        const phaseX = this.mChart.animator.phaseX;
+        const phaseY = this.mChart.animator.phaseY;
+        const sliceangle = this.mChart.sliceAngle;
+        const factor = this.mChart.factor;
+        const pOut = { x: 0, y: 0 };
+        for (let i = 0; i < this.mChart.data.dataSetCount; i++) {
+            const dataSet = this.mChart.data.getDataSetByIndex(i);
+            const yKey = dataSet.yProperty;
+            const entry = dataSet.getEntryForIndex(index);
+            const y = entry[yKey] - this.mChart.yChartMin;
+            Utils.getPosition(this.mChart.centerOffsets, y * factor * phaseY, sliceangle * index * phaseX + this.mChart.rotationAngle, pOut);
+            this.mHighlightBuffer.push({
+                entry,
+                x: index,
+                y: entry[yKey],
+                xPx: pOut.x,
+                yPx: pOut.y,
+                dataSetIndex: i,
+                axis: dataSet.axisDependency
+            });
+        }
+        return this.mHighlightBuffer;
+    }
+}
+//# sourceMappingURL=RadarHighlighter.js.map

package/highlight/RadarHighlighter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RadarHighlighter.js","sourceRoot":"","sources":["../../../src/ui-chart/highlight/RadarHighlighter.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAC;AACvC,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAE5D;;GAEG;AACH,MAAM,OAAO,gBAAiB,SAAQ,mBAAyD;IACjF,mBAAmB,CAAC,KAAa,EAAE,CAAS,EAAE,CAAS;QAC7D,MAAM,UAAU,GAAG,IAAI,CAAC,oBAAoB,CAAC,KAAK,CAAC,CAAC;QAEpD,MAAM,gBAAgB,GAAG,IAAI,CAAC,MAAM,CAAC,gBAAgB,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC;QAEjF,IAAI,OAAO,GAAG,IAAI,CAAC;QACnB,IAAI,QAAQ,GAAG,QAAQ,CAAC;QAExB,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,UAAU,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE,CAAC;YACzC,MAAM,IAAI,GAAG,UAAU,CAAC,CAAC,CAAC,CAAC;YAC3B,qEAAqE;YACrE,mCAAmC;YACnC,MAAM,SAAS,GAAG,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC,GAAG,gBAAgB,CAAC,CAAC;YACtD,IAAI,SAAS,GAAG,QAAQ,EAAE,CAAC;gBACvB,OAAO,GAAG,IAAI,CAAC;gBACf,QAAQ,GAAG,SAAS,CAAC;YACzB,CAAC;QACL,CAAC;QAED,OAAO,OAAO,CAAC;IACnB,CAAC;IACD;;;;;;;;OAQG;IACO,oBAAoB,CAAC,KAAK;QAChC,IAAI,CAAC,gBAAgB,GAAG,EAAE,CAAC;QAE3B,MAAM,MAAM,GAAG,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC,MAAM,CAAC;QAC3C,MAAM,MAAM,GAAG,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC,MAAM,CAAC;QAC3C,MAAM,UAAU,GAAG,IAAI,CAAC,MAAM,CAAC,UAAU,CAAC;QAC1C,MAAM,MAAM,GAAG,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC;QAElC,MAAM,IAAI,GAAa,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC;QACtC,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,YAAY,EAAE,CAAC,EAAE,EAAE,CAAC;YACrD,MAAM,OAAO,GAAG,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,iBAAiB,CAAC,CAAC,CAAC,CAAC;YACtD,MAAM,IAAI,GAAG,OAAO,CAAC,SAAS,CAAC;YAE/B,MAAM,KAAK,GAAG,OAAO,CAAC,gBAAgB,CAAC,KAAK,CAAC,CAAC;YAE9C,MAAM,CAAC,GAAG,KAAK,CAAC,IAAI,CAAC,GAAG,IAAI,CAAC,MAAM,CAAC,SAAS,CAAC;YAE9C,KAAK,CAAC,WAAW,CAAC,IAAI,CAAC,MAAM,CAAC,aAAa,EAAE,CAAC,GAAG,MAAM,GAAG,MAAM,EAAE,UAAU,GAAG,KAAK,GAAG,MAAM,GAAG,IAAI,CAAC,MAAM,CAAC,aAAa,EAAE,IAAI,CAAC,CAAC;YAEjI,IAAI,CAAC,gBAAgB,CAAC,IAAI,CAAC;gBACvB,KAAK;gBACL,CAAC,EAAE,KAAK;gBACR,CAAC,EAAE,KAAK,CAAC,IAAI,CAAC;gBACd,GAAG,EAAE,IAAI,CAAC,CAAC;gBACX,GAAG,EAAE,IAAI,CAAC,CAAC;gBACX,YAAY,EAAE,CAAC;gBACf,IAAI,EAAE,OAAO,CAAC,cAAc;aAC/B,CAAC,CAAC;QACP,CAAC;QAED,OAAO,IAAI,CAAC,gBAAgB,CAAC;IACjC,CAAC;CACJ"}

package/index.d.ts

@@ -0,0 +1,11 @@
+export { BarChart } from './charts/BarChart';
+export { HorizontalBarChart } from './charts/HorizontalBarChart';
+export { LineChart } from './charts/LineChart';
+export { PieChart } from './charts/PieChart';
+export { RadarChart } from './charts/RadarChart';
+export { ScatterChart } from './charts/ScatterChart';
+export { BubbleChart } from './charts/BubbleChart';
+export { CandleStickChart } from './charts/CandleStickChart';
+export { CombinedChart } from './charts/CombinedChart';
+export { ChartTraceCategory } from './utils/Utils';
+export declare function install(): void;

package/index.js

@@ -0,0 +1,15 @@
+export { BarChart } from './charts/BarChart';
+export { HorizontalBarChart } from './charts/HorizontalBarChart';
+export { LineChart } from './charts/LineChart';
+export { PieChart } from './charts/PieChart';
+export { RadarChart } from './charts/RadarChart';
+export { ScatterChart } from './charts/ScatterChart';
+export { BubbleChart } from './charts/BubbleChart';
+export { CandleStickChart } from './charts/CandleStickChart';
+export { CombinedChart } from './charts/CombinedChart';
+import { install as installGestures } from '@nativescript-community/gesturehandler';
+export { ChartTraceCategory } from './utils/Utils';
+export function install() {
+    installGestures();
+}
+//# sourceMappingURL=index.js.map

package/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/ui-chart/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC7C,OAAO,EAAE,kBAAkB,EAAE,MAAM,6BAA6B,CAAC;AACjE,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAC/C,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC7C,OAAO,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AACjD,OAAO,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AACrD,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AACnD,OAAO,EAAE,gBAAgB,EAAE,MAAM,2BAA2B,CAAC;AAC7D,OAAO,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AACvD,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,wCAAwC,CAAC;AAEpF,OAAO,EAAE,kBAAkB,EAAE,MAAM,eAAe,CAAC;AACnD,MAAM,UAAU,OAAO;IACnB,eAAe,EAAE,CAAC;AACtB,CAAC"}

package/interfaces/dataprovider/BarDataProvider.d.ts

@@ -0,0 +1,9 @@
+import { BarLineScatterCandleBubbleDataProvider } from './BarLineScatterCandleBubbleDataProvider';
+import { BarData } from '../../data/BarData';
+
+export interface BarDataProvider extends BarLineScatterCandleBubbleDataProvider {
+    barData: BarData;
+    drawBarShadowEnabled: boolean;
+    drawValueAboveBarEnabled: boolean;
+    highlightFullBarEnabled: boolean;
+}

package/interfaces/dataprovider/BarLineScatterCandleBubbleDataProvider.d.ts

@@ -0,0 +1,19 @@
+import { ChartInterface } from './ChartInterface';
+import { BarLineScatterCandleBubbleData } from '../../data/BarLineScatterCandleBubbleData';
+import { AxisDependency } from '../../components/YAxis';
+import { Transformer } from '../../utils/Transformer';
+import { MPPointF } from '@nativescript-community/ui-chart/utils/MPPointF';
+import { Entry } from '@nativescript-community/ui-chart/data/Entry';
+import { IDataSet } from '../datasets/IDataSet';
+
+export interface BarLineScatterCandleBubbleDataProvider extends ChartInterface {
+    getTransformer(axis?: AxisDependency): Transformer;
+    getPixelForEntry(set: IDataSet<Entry>, entry: Entry, index): MPPointF;
+    readonly transformer: Transformer;
+    isInverted(axis: AxisDependency);
+
+    lowestVisibleX;
+    highestVisibleX;
+
+    data: BarLineScatterCandleBubbleData<any, any>;
+}

package/interfaces/dataprovider/BubbleDataProvider.d.ts

@@ -0,0 +1,6 @@
+import { BubbleData } from '../../data/BubbleData';
+import { BarLineScatterCandleBubbleDataProvider } from './BarLineScatterCandleBubbleDataProvider';
+
+export interface BubbleDataProvider extends BarLineScatterCandleBubbleDataProvider {
+    bubbleData: BubbleData;
+}

package/interfaces/dataprovider/CandleDataProvider.d.ts

@@ -0,0 +1,6 @@
+import { CandleData } from '../../data/CandleData';
+import { BarLineScatterCandleBubbleDataProvider } from './BarLineScatterCandleBubbleDataProvider';
+
+export interface CandleDataProvider extends BarLineScatterCandleBubbleDataProvider {
+    candleData: CandleData;
+}

package/interfaces/dataprovider/ChartInterface.d.ts

@@ -0,0 +1,60 @@
+import { MPPointF } from '../../utils/MPPointF';
+import { ValueFormatter } from '../../formatter/ValueFormatter';
+import { ChartData } from '../../data/ChartData';
+import { Rect } from '@nativescript-community/ui-canvas';
+
+/**
+ * Interface that provides everything there is to know about the dimensions,
+ * bounds, and range of the chart.
+ *
+
+ */
+export interface ChartInterface {
+    /**
+     * Returns the minimum x value of the chart, regardless of zoom or translation.
+     */
+    xChartMin: number;
+
+    /**
+     * Returns the maximum x value of the chart, regardless of zoom or translation.
+     */
+    xChartMax: number;
+
+    xRange: number;
+
+    /**
+     * Returns the minimum y value of the chart, regardless of zoom or translation.
+     */
+    yChartMin: number;
+
+    /**
+     * Returns the maximum y value of the chart, regardless of zoom or translation.
+     */
+    yChartMax: number;
+
+    /**
+     * Returns the maximum distance in scren dp a touch can be away from an entry to cause it to get highlighted.
+     */
+    maxHighlightDistance: number;
+
+    /**
+     * Wether to filter highlights by axis. Default is true
+     */
+    highlightsFilterByAxis: boolean;
+
+    getMeasuredWidth();
+
+    getMeasuredHeight();
+
+    centerOfView: MPPointF;
+
+    centerOffsets: MPPointF;
+
+    contentRect: Rect;
+
+    defaultValueFormatter: ValueFormatter;
+
+    data: ChartData<any, any>;
+
+    maxVisibleValueCount: number;
+}

package/interfaces/dataprovider/CombinedDataProvider.d.ts

@@ -0,0 +1,13 @@
+import { CombinedData } from '../../data/CombinedData';
+import { BubbleDataProvider } from './BubbleDataProvider';
+import { CandleDataProvider } from './CandleDataProvider';
+import { LineDataProvider } from './LineDataProvider';
+import { ScatterDataProvider } from './ScatterDataProvider';
+import { BarDataProvider } from './BarDataProvider';
+
+/**
+ * Created by philipp on 11/06/16.
+ */
+export interface CombinedDataProvider extends LineDataProvider, BarDataProvider, BubbleDataProvider, CandleDataProvider, ScatterDataProvider {
+    combinedData: CombinedData;
+}

package/interfaces/dataprovider/LineDataProvider.d.ts

@@ -0,0 +1,9 @@
+import { LineData } from '../../data/LineData';
+import { BarLineScatterCandleBubbleDataProvider } from './BarLineScatterCandleBubbleDataProvider';
+import { AxisDependency } from '../../components/YAxis';
+
+export interface LineDataProvider extends BarLineScatterCandleBubbleDataProvider {
+    lineData: LineData;
+
+    getAxis(dependency: AxisDependency);
+}

package/interfaces/dataprovider/ScatterDataProvider.d.ts

@@ -0,0 +1,6 @@
+import { ScatterData } from '../../data/ScatterData';
+import { BarLineScatterCandleBubbleDataProvider } from './BarLineScatterCandleBubbleDataProvider';
+
+export interface ScatterDataProvider extends BarLineScatterCandleBubbleDataProvider {
+    scatterData: ScatterData;
+}

package/interfaces/datasets/IBarDataSet.d.ts

@@ -0,0 +1,47 @@
+import { BarEntry } from '../../data/BarEntry';
+import { IBarLineScatterCandleBubbleDataSet } from './IBarLineScatterCandleBubbleDataSet';
+
+/**
+ * Created by philipp on 21/10/15.
+ */
+export interface IBarDataSet extends IBarLineScatterCandleBubbleDataSet<BarEntry> {
+    /**
+     * Returns true if this DataSet is stacked (stacksize > 1) or not.
+     */
+    readonly stacked: boolean;
+
+    /**
+     * Returns the maximum number of bars that can be stacked upon another in
+     * this DataSet. This should return 1 for non stacked bars, and > 1 for stacked bars.
+     */
+    stackSize: number;
+
+    /**
+     * Returns the color used for drawing the bar-shadows. The bar shadows is a
+     * surface behind the bar that indicates the maximum value.
+     */
+    barShadowColor: string | Color;
+
+    /**
+     * Returns the width used for drawing borders around the bars.
+     * If borderWidth === 0, no border will be drawn.
+     */
+    barBorderWidth: number;
+
+    /**
+     * Returns the color drawing borders around the bars.
+     */
+    barBorderColor: string | Color;
+
+    /**
+     * Returns the alpha value (transparency) that is used for drawing the
+     * highlight indicator.
+     */
+    highLightAlpha: number;
+
+    /**
+     * Returns the labels used for the different value-stacks in the legend.
+     * This is only relevant for stacked bar entries.
+     */
+    stackLabels: string[];
+}

package/interfaces/datasets/IBarLineScatterCandleBubbleDataSet.d.ts

@@ -0,0 +1,12 @@
+import { Entry } from '../../data/Entry';
+import { IDataSet } from './IDataSet';
+
+/**
+ * Created by philipp on 21/10/15.
+ */
+export interface IBarLineScatterCandleBubbleDataSet<T extends Entry> extends IDataSet<T> {
+    /**
+     * Returns the color that is used for drawing the highlight indicators.
+     */
+    highlightColor: string | Color;
+}

package/interfaces/datasets/IBubbleDataSet.d.ts

@@ -0,0 +1,19 @@
+/**
+ * Created by philipp on 21/10/15.
+ */
+import { IBarLineScatterCandleBubbleDataSet } from './IBarLineScatterCandleBubbleDataSet';
+import { BubbleEntry } from '../../data/BubbleEntry';
+
+export interface IBubbleDataSet extends IBarLineScatterCandleBubbleDataSet<BubbleEntry> {
+    /**
+     * Sets the width of the circle that surrounds the bubble when highlighted,
+     * in dp.
+     *
+     * @param width
+     */
+    highlightCircleWidth: number;
+
+    readonly maxSize: number;
+
+    normalizeSizeEnabled: boolean;
+}

package/interfaces/datasets/ICandleDataSet.d.ts

@@ -0,0 +1,81 @@
+import { ILineScatterCandleRadarDataSet } from './ILineScatterCandleRadarDataSet';
+import { CandleEntry } from '../../data/CandleEntry';
+import { Style } from '@nativescript-community/ui-canvas';
+
+export interface ICandleDataSet extends ILineScatterCandleRadarDataSet<CandleEntry> {
+    /**
+     * property to access the "high" value of an entry for this set
+     *
+     */
+    highProperty: string;
+    /**
+     * property to access the "low" value of an entry for this set
+     *
+     */
+    lowProperty: string;
+    /**
+     * property to access the "close" value of an entry for this set
+     *
+     */
+    closeProperty: string;
+
+    /**
+     * property to access the "open" value of an entry for this set
+     *
+     */
+    openProperty: string;
+
+    /**
+     * the width of the shadow of the candle
+     */
+    shadowWidth: number;
+
+    /**
+     * should the candle bars show?
+     * when false, only "ticks" will show
+     * <p/>
+     * - default: true
+     */
+    showCandleBar: boolean;
+    /**
+     * the space between the candle entries, default 0.1 (10%)
+     */
+    barSpace: number;
+
+    /**
+     * use candle color for the shadow
+     */
+    shadowColorSameAsCandle: boolean;
+
+    /**
+     * palet style when open < close
+     * increasing candlesticks are traditionally hollow
+     */
+    increasingPaintStyle: Style;
+    /**
+     * palet style when open > close
+     * descreasing candlesticks are traditionally filled
+     */
+    decreasingPaintStyle: Style;
+
+    /**
+     * color for open === close
+     */
+    neutralColor: Color | string;
+
+    /**
+     * color for open < close
+     */
+    increasingColor: Color | string;
+
+    /**
+     * color for open > close
+     */
+    decreasingColor: Color | string;
+
+    /**
+     * shadow line color, set -1 for backward compatibility and uses default
+     * color
+     */
+    shadowColor: Color | string;
+}