@progress/kendo-charts 2.12.3-develop.4 → 2.13.0-develop.2

package/dist/npm/field-types/series-type.d.ts

@@ -0,0 +1,244 @@
+/**
+ * Specifies the series type.
+ *
+ * The supported values are:
+ * {% platform_content angular %}
+ * - `"area"`—Shows data as continuous lines that display trends over time, evenly distributed along the category field.
+ * - `"bar"`—Shows data as sets of horizontal bars that display the relationship between individual items and the whole category.
+ * - `"boxPlot"`—Shows data as a box-and-whisker diagram, which displays the distribution of values in a series.
+ * - `"bubble"`—Shows data as bubbles, where each bubble represents a value from the series data.
+ * - `"bullet"`—Shows data as vertical bars that display the performance measure, and markers that display the comparative measure.
+ * - `"candlestick"`—Shows data as candlesticks, which display the open, close, high, and low values of a series.
+ * - `"column"`—Shows data as sets of vertical bars that display the relationship between individual items and the whole category.
+ * - `"donut"`—Shows data as a series of rings that are sliced depending on the value.
+ * - `"exponentialTrendline"`—Shows an [exponential trendline](https://www.telerik.com/kendo-angular-ui/components/charts/elements/trendlines#exponential-trendline) for the specified parent series.
+ * - `"funnel"`—Shows data as a funnel, which is useful for sales data visualization.
+ * - `"heatmap"`—Shows data as a heatmap, which is useful for comparing values in a matrix.
+ * - `"horizontalWaterfall"`—Shows data as a horizontal waterfall chart, which is useful for comparing positive and negative values over a period.
+ * - `"line"`—Shows data as continuous lines that connect data points evenly distributed along the category field.
+ * - `"linearTrendline"`—Shows a [linear trendline](https://www.telerik.com/kendo-angular-ui/components/charts/elements/trendlines#linear-trendline) for the specified parent series.
+ * - `"logarithmicTrendline"`—Shows a [logarithmic trendline](https://www.telerik.com/kendo-angular-ui/components/charts/elements/trendlines#logarithmic-trendline) for the specified parent series.
+ * - `"movingAverageTrendline"`—Shows a [moving average trendline](https://www.telerik.com/kendo-angular-ui/components/charts/elements/trendlines#moving-average-trendline) for the specified parent series.
+ * - `"ohlc"`—Shows data as OHLC (open-high-low-close) bars, which display the open, high, low, and close values of a series.
+ * - `"pie"`—Shows data as a series of pie slices, which display the contribution of each value to a total.
+ * - `"polarArea"`—Shows data as a series of polar area segments, which display the contribution of each value to a total.
+ * - `"polarLine"`—Shows data as continuous lines that connect data points evenly distributed along the category field.
+ * - `"polarScatter"`—Shows data as points distributed in a polar coordinate system.
+ * - `"polynomialTrendline"`—Shows a [polynomial trendline](https://www.telerik.com/kendo-angular-ui/components/charts/elements/trendlines#polynomial-trendline) for the specified parent series.
+ * - `"powerTrendline"`—Shows a [power trendline](https://www.telerik.com/kendo-angular-ui/components/charts/elements/trendlines#power-trendline) for the specified parent series.
+ * - `"pyramid"`—Shows data as a pyramid divided in segments proportional to each value.
+ * - `"radarArea"`—Shows data as a series of radar area segments, which display the contribution of each value to a total.
+ * - `"radarColumn"`—Shows data as sets of vertical bars that display the relationship between individual items and the whole category.
+ * - `"radarLine"`—Shows data as continuous lines that connect data points evenly distributed along the category field.
+ * - `"rangeArea"`—Shows data as a series of range area segments, which display the contribution of each value to a total.
+ * - `"rangeBar"`—Shows data as sets of horizontal bars that display the relationship between individual items and the whole category.
+ * - `"rangeColumn"`—Shows data as sets of vertical bars that display the relationship between individual items and the whole category.
+ * - `"scatter"`—Shows data as points that display the relationship between two variables.
+ * - `"scatterLine"`—Shows data as continuous lines that connect data points evenly distributed along the category field.
+ * - `"verticalArea"`—Shows data as continuous lines that display trends over time, evenly distributed along the category field.
+ * - `"verticalBoxPlot"`—Shows data as a box-and-whisker diagram, which displays the distribution of values in a series.
+ * - `"verticalBullet"`—Shows data as vertical bars that display the performance measure, and markers that display the comparative measure.
+ * - `"verticalLine"`—Shows data as continuous lines that connect data points evenly distributed along the category field.
+ * - `"verticalRangeArea"`—Shows data as a series of range area segments, which display the contribution of each value to a total.
+ * - `"waterfall"`—Shows data as a waterfall chart, which is useful for comparing positive and negative values over a period.
+ * {% endplatform_content %}
+ * {% platform_content react %}
+ * - `"area"`—Displays the data as continuous lines that show trends over time, evenly distributed along the category field.
+ * - `"bar"`—Displays the data as sets of horizontal bars that show the relationship between individual items and the whole category.
+ * - `"boxPlot"`—Displays the data as a box-and-whisker diagram, which shows the distribution of values in a series.
+ * - `"bubble"`—Displays the data as bubbles, where each bubble represents a value from the series data.
+ * - `"bullet"`—Displays the data as vertical bars that show the performance measure, and markers that show the comparative measure.
+ * - `"candlestick"`—Displays the data as candlesticks, which show the open, close, high, and low values of a series.
+ * - `"column"`—Displays the data as sets of vertical bars that show the relationship between individual items and the whole category.
+ * - `"donut"`—Displays the data as a series of rings that are sliced depending on the value.
+ * - `"exponentialTrendline"`—Displays an exponential [trendline]({% slug trendlines_chart_charts %}#toc-exponential-trendline) for the specified parent series.
+ * - `"funnel"`—Displays the data as a funnel, which is useful for sales data visualization.
+ * - `"heatmap"`—Displays the data as a heatmap, which is useful for comparing values in a matrix.
+ * - `"horizontalWaterfall"`—Displays the data as a horizontal waterfall chart, which is useful for comparing positive and negative values over a period.
+ * - `"line"`—Displays the data as continuous lines that connect data points evenly distributed along the category field.
+ * - `"linearTrendline"`—Displays a linear [trendline]({% slug trendlines_chart_charts %}#toc-linear-trendline) for the specified parent series.
+ * - `"logarithmicTrendline"`—Displays a logarithmic [trendline]({% slug trendlines_chart_charts %}#toc-logarithmic-trendline) for the specified parent series.
+ * - `"movingAverageTrendline"`—Displays a moving average [trendline]({% slug trendlines_chart_charts %}#toc-moving-average-trendline) for the specified parent series.
+ * - `"ohlc"`—Displays the data as OHLC (open-high-low-close) bars, which show the open, high, low, and close values of a series.
+ * - `"pie"`—Displays the data as a series of pie slices, which show the contribution of each value to a total.
+ * - `"polarArea"`—Displays the data as a series of polar area segments, which show the contribution of each value to a total.
+ * - `"polarLine"`—Displays the data as continuous lines that connect data points evenly distributed along the category field.
+ * - `"polarScatter"`—Displays the data as points distributed in a polar coordinate system.
+ * - `"polynomialTrendline"`—Displays a polynomial [trendline]({% slug trendlines_chart_charts %}#toc-polynomial-trendline) for the specified parent series.
+ * - `"powerTrendline"`—Displays a power [trendline]({% slug trendlines_chart_charts %}#toc-power-trendline) for the specified parent series.
+ * - `"pyramid"`—Displays the data as a pyramid divided in segments proportional to each value.
+ * - `"radarArea"`—Displays the data as a series of radar area segments, which show the contribution of each value to a total.
+ * - `"radarColumn"`—Displays the data as sets of vertical bars that show the relationship between individual items and the whole category.
+ * - `"radarLine"`—Displays the data as continuous lines that connect data points evenly distributed along the category field.
+ * - `"rangeArea"`—Displays the data as a series of range area segments, which show the contribution of each value to a total.
+ * - `"rangeBar"`—Displays the data as sets of horizontal bars that show the relationship between individual items and the whole category.
+ * - `"rangeColumn"`—Displays the data as sets of vertical bars that show the relationship between individual items and the whole category.
+ * - `"scatter"`—Displays the data as points that show the relationship between two variables.
+ * - `"scatterLine"`—Displays the data as continuous lines that connect data points evenly distributed along the category field.
+ * - `"verticalArea"`—Displays the data as continuous lines that show trends over time, evenly distributed along the category field.
+ * - `"verticalBoxPlot"`—Displays the data as a box-and-whisker diagram, which shows the distribution of values in a series.
+ * - `"verticalBullet"`—Displays the data as vertical bars that show the performance measure, and markers that show the comparative measure.
+ * - `"verticalLine"`—Displays the data as continuous lines that connect data points evenly distributed along the category field.
+ * - `"verticalRangeArea"`—Displays the data as a series of range area segments, which show the contribution of each value to a total.
+ * - `"waterfall"`—Displays the data as a waterfall chart, which is useful for comparing positive and negative values over a period.
+ * {% endplatform_content %}
+ * {% platform_content vue %}
+ * - `"area"`—Displays the data as continuous lines that show trends over time, evenly distributed along the category field.
+ * - `"bar"`—Displays the data as sets of horizontal bars that show the relationship between individual items and the whole category.
+ * - `"boxPlot"`—Displays the data as a box-and-whisker diagram, which shows the distribution of values in a series.
+ * - `"bubble"`—Displays the data as bubbles, where each bubble represents a value from the series data.
+ * - `"bullet"`—Displays the data as vertical bars that show the performance measure, and markers that show the comparative measure.
+ * - `"candlestick"`—Displays the data as candlesticks, which show the open, close, high, and low values of a series.
+ * - `"column"`—Displays the data as sets of vertical bars that show the relationship between individual items and the whole category.
+ * - `"donut"`—Displays the data as a series of rings that are sliced depending on the value.
+ * - `"exponentialTrendline"`—Displays an exponential [trendline]({% slug trendlines_chart_charts %}#toc-exponential-trendline) for the specified parent series.
+ * - `"funnel"`—Displays the data as a funnel, which is useful for sales data visualization.
+ * - `"heatmap"`—Displays the data as a heatmap, which is useful for comparing values in a matrix.
+ * - `"horizontalWaterfall"`—Displays the data as a horizontal waterfall chart, which is useful for comparing positive and negative values over a period.
+ * - `"line"`—Displays the data as continuous lines that connect data points evenly distributed along the category field.
+ * - `"linearTrendline"`—Displays a linear [trendline]({% slug trendlines_chart_charts %}#toc-linear-trendline) for the specified parent series.
+ * - `"logarithmicTrendline"`—Displays a logarithmic [trendline]({% slug trendlines_chart_charts %}#toc-logarithmic-trendline) for the specified parent series.
+ * - `"movingAverageTrendline"`—Displays a moving average [trendline]({% slug trendlines_chart_charts %}#toc-moving-average-trendline) for the specified parent series.
+ * - `"ohlc"`—Displays the data as OHLC (open-high-low-close) bars, which show the open, high, low, and close values of a series.
+ * - `"pie"`—Displays the data as a series of pie slices, which show the contribution of each value to a total.
+ * - `"polarArea"`—Displays the data as a series of polar area segments, which show the contribution of each value to a total.
+ * - `"polarLine"`—Displays the data as continuous lines that connect data points evenly distributed along the category field.
+ * - `"polarScatter"`—Displays the data as points distributed in a polar coordinate system.
+ * - `"polynomialTrendline"`—Displays a polynomial [trendline]({% slug trendlines_chart_charts %}#toc-polynomial-trendline) for the specified parent series.
+ * - `"powerTrendline"`—Displays a power [trendline]({% slug trendlines_chart_charts %}#toc-power-trendline) for the specified parent series.
+ * - `"pyramid"`—Displays the data as a pyramid divided in segments proportional to each value.
+ * - `"radarArea"`—Displays the data as a series of radar area segments, which show the contribution of each value to a total.
+ * - `"radarColumn"`—Displays the data as sets of vertical bars that show the relationship between individual items and the whole category.
+ * - `"radarLine"`—Displays the data as continuous lines that connect data points evenly distributed along the category field.
+ * - `"rangeArea"`—Displays the data as a series of range area segments, which show the contribution of each value to a total.
+ * - `"rangeBar"`—Displays the data as sets of horizontal bars that show the relationship between individual items and the whole category.
+ * - `"rangeColumn"`—Displays the data as sets of vertical bars that show the relationship between individual items and the whole category.
+ * - `"scatter"`—Displays the data as points that show the relationship between two variables.
+ * - `"scatterLine"`—Displays the data as continuous lines that connect data points evenly distributed along the category field.
+ * - `"verticalArea"`—Displays the data as continuous lines that show trends over time, evenly distributed along the category field.
+ * - `"verticalBoxPlot"`—Displays the data as a box-and-whisker diagram, which shows the distribution of values in a series.
+ * - `"verticalBullet"`—Displays the data as vertical bars that show the performance measure, and markers that show the comparative measure.
+ * - `"verticalLine"`—Displays the data as continuous lines that connect data points evenly distributed along the category field.
+ * - `"verticalRangeArea"`—Displays the data as a series of range area segments, which show the contribution of each value to a total.
+ * - `"waterfall"`—Displays the data as a waterfall chart, which is useful for comparing positive and negative values over a period.
+ * {% endplatform_content %}
+ * {% platform_content angular %}
+ * @example
+ * ```ts
+ * import { Component } from '@angular/core';
+ * import { SeriesType } from '@progress/kendo-angular-charts';
+ *
+ * _@Component({
+ *   selector: 'my-app',
+ *   template: `
+ *     <kendo-chart>
+ *       <kendo-chart-series>
+ *         <kendo-chart-series-item [type]="seriesType" [data]="[1, 2, 3]">
+ *         </kendo-chart-series-item>
+ *       </kendo-chart-series>
+ *     </kendo-chart>
+ *   `
+ * })
+ * class AppComponent {
+ *   public seriesType: SeriesType = "verticalLine";
+ * }
+ *
+ * ```
+ * {% endplatform_content %}
+ * {% platform_content react %}
+ * @example
+ * ```jsx
+ * import {
+ *  Chart,
+ *  ChartSeries,
+ *  ChartSeriesItem
+ * } from '@progress/kendo-react-charts';
+ *
+ * const data = [1, 2, 3];
+ * const seriesType = "verticalLine";
+ *
+ * const ChartContainer = () => (
+ *  <Chart>
+ *    <ChartSeries>
+ *      <ChartSeriesItem type="line" data={data} type={seriesType} />
+ *    </ChartSeries>
+ *  </Chart>
+ * );
+ * ```
+ * {% endplatform_content %}
+ * {% platform_content vue %}
+ * @example
+ * ```jsx
+ * <template>
+ *   <Chart>
+ *     <ChartSeries>
+ *       <ChartSeriesItem
+ *         :type="'line'"
+ *         :data-items="dataItems"
+ *         :type="seriesType"
+ *       />
+ *     </ChartSeries>
+ *   </Chart>
+ * </template>
+ * <script>
+ * import {
+ *   Chart,
+ *   ChartSeries,
+ *   ChartSeriesItem,
+ * } from '@progress/kendo-vue-charts';
+ * export default {
+ *   components: {
+ *     Chart,
+ *     ChartSeries,
+ *     ChartSeriesItem,
+ *   },
+ *   data() {
+ *     return {
+ *       dataItems: [1, 2, 3],
+ *       seriesType: 'verticalLine',
+ *     };
+ *   },
+ * };
+ * </script>
+ * ```
+ * {% endplatform_content %}
+ */
+export type SeriesType =
+    | 'area'
+    | 'bar'
+    | 'boxPlot'
+    | 'bubble'
+    | 'bullet'
+    | 'candlestick'
+    | 'column'
+    | 'donut'
+    | 'exponentialTrendline'
+    | 'funnel'
+    | 'pyramid'
+    | 'heatmap'
+    | 'horizontalWaterfall'
+    | 'line'
+    | 'linearTrendline'
+    | 'logarithmicTrendline'
+    | 'movingAverageTrendline'
+    | 'ohlc'
+    | 'pie'
+    | 'polarArea'
+    | 'polarLine'
+    | 'polarScatter'
+    | 'polynomialTrendline'
+    | 'powerTrendline'
+    | 'radarArea'
+    | 'radarColumn'
+    | 'radarLine'
+    | 'rangeArea'
+    | 'rangeBar'
+    | 'rangeColumn'
+    | 'scatter'
+    | 'scatterLine'
+    | 'verticalArea'
+    | 'verticalBoxPlot'
+    | 'verticalBullet'
+    | 'verticalLine'
+    | 'verticalRangeArea'
+    | 'waterfall';

package/dist/npm/field-types/series-whiskers.interface.d.ts

@@ -0,0 +1,26 @@
+import { DashType } from './dash-type';
+
+/**
+ * Specifies the appearance settings for the BoxPlot whiskers.
+ */
+export interface SeriesWhiskers {
+    /**
+     * Specifies the color of the whiskers. Accepts a valid CSS color string, including hex and rgb.
+     */
+    color?: string;
+
+    /**
+     * Specifies the dash type of the whiskers.
+     */
+    dashType?: DashType;
+
+    /**
+     * Specifies the whiskers opacity. By default, the whiskers area is opaque (`opacity: 1`).
+     */
+    opacity?: number;
+
+    /**
+     * Specifies the width (in pixels) of the whiskers.
+     */
+    width?: number;
+}

package/dist/npm/field-types/trendline-forecast.interface.d.ts

@@ -0,0 +1,14 @@
+/**
+ * Specifies the series trendline forecast settings.
+ */
+export interface TrendlineForecast {
+    /**
+     * Specifies the number of intervals to extend the trendline before the first data point.
+     */
+    before?: number;
+
+    /**
+     * Specifies the number of intervals to extend the trendline after the last data point.
+     */
+    after?: number;
+}

package/dist/npm/field-types/week-start-day.enum.d.ts

@@ -0,0 +1,49 @@
+/**
+ * Specifies the `weekStartDay` of a Date category axis.
+ *
+ * {% platform_content angular %}
+ * See the [Displaying Time Series](https://www.telerik.com/kendo-angular-ui/components/charts/elements/axes#displaying-time-series) example.
+ * {% endplatform_content %}
+ * {% platform_content react %}
+ * See the [Displaying Dates](https://www.telerik.com/kendo-react-ui/components/charts/chart/elements/axes#displaying-dates) example.
+ * {% endplatform_content %}
+ * {% platform_content vue %}
+ * See the [Displaying Dates](https://www.telerik.com/kendo-vue-ui/components/charts/elements/axes#displaying-dates) example.
+ * {% endplatform_content %}
+ */
+export enum WeekStartDay {
+    /**
+     * Specifies Sunday as the first day of the week.
+     */
+    Sunday,
+
+    /**
+     * Specifies Monday as the first day of the week.
+     */
+    Monday,
+
+    /**
+     * Specifies Tuesday as the first day of the week.
+     */
+    Tuesday,
+
+    /**
+     * Specifies Wednesday as the first day of the week.
+     */
+    Wednesday,
+
+    /**
+     * Specifies Thursday as the first day of the week.
+     */
+    Thursday,
+
+    /**
+     * Specifies Friday as the first day of the week.
+     */
+    Friday,
+
+    /**
+     * Specifies Saturday as the first day of the week.
+     */
+    Saturday
+}

package/dist/npm/field-types.d.ts

@@ -1,7 +1,47 @@
-export { Border } from './field-types/border.interface';
-export { DashType } from './field-types/dash-type';
-export { Margin } from './field-types/margin.interface';
-export { Padding } from './field-types/padding.interface';
-export { RenderMode } from './field-types/render-mode';
-export { FocusHighlight, FocusHighlightBorder } from './field-types/focus-highlight.interface';
+export * from './field-types/auto-base-unit-steps.interface';
+export * from './field-types/axis-labels-position';
+export * from './field-types/axis-line.interface';
+export * from './field-types/axis-ticks.interface';
+export * from './field-types/axis-title-position';
+export * from './field-types/base-unit';
+export * from './field-types/border.interface';
+export * from './field-types/bullet-target-line.interface';
+export * from './field-types/bullet-target.interface';
+export * from './field-types/category-base-unit';
+export * from './field-types/dash-type';
+export * from './field-types/date-formats.interface';
+export * from './field-types/drag-action.interface';
+export * from './field-types/error-bar-line.interface';
+export * from './field-types/focus-highlight.interface';
+export * from './field-types/grid-lines.interface';
+export * from './field-types/highlight-line.interface';
+export * from './field-types/label-connectors.interface';
+export * from './field-types/label-rotation.interface';
+export * from './field-types/legend-labels.interface';
+export * from './field-types/line-style';
+export * from './field-types/lock-axis';
+export * from './field-types/margin.interface';
+export * from './field-types/marker-type';
+export * from './field-types/modifier-key';
+export * from './field-types/mousewheel-select.interface';
+export * from './field-types/mousewheel-zoom.interface';
+export * from './field-types/negative-bubble-values.interface';
+export * from './field-types/note-label-position';
+export * from './field-types/note-line.interface';
+export * from './field-types/note-position';
+export * from './field-types/overlay.interface';
+export * from './field-types/padding.interface';
+export * from './field-types/plot-band-label.interface';
+export * from './field-types/plot-band.interface';
+export * from './field-types/render-mode';
+export * from './field-types/series-labels-alignment';
+export * from './field-types/series-labels-position';
+export * from './field-types/series-line.interface';
+export * from './field-types/series-mean.interface';
+export * from './field-types/series-median.interface';
 export * from './field-types/series-pattern.interface';
+export * from './field-types/series-stack.interface';
+export * from './field-types/series-type';
+export * from './field-types/series-whiskers.interface';
+export * from './field-types/trendline-forecast.interface';
+export * from './field-types/week-start-day.enum';

package/dist/npm/main.d.ts

@@ -12,6 +12,10 @@ export * from './common';
 export * from './field-types'
 export * from './validation';
 export * from './chart-wizard';
+export * from './chart-options';
+export * from './field-types';
+export * from './property-types';
+export * from './api-types';
 
 export function chartBaseTheme(): any;