@progress/kendo-react-charts 13.3.0-develop.9 → 13.4.0-develop.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/BaseChart.d.ts +137 -0
- package/BaseChartProps.d.ts +207 -0
- package/Chart.d.ts +86 -0
- package/ChartBreadcrumb.d.ts +49 -0
- package/ChartBreadcrumb.js +1 -1
- package/ChartBreadcrumb.mjs +1 -2
- package/ChartContext.d.ts +24 -0
- package/ChartNoDataOverlay.d.ts +30 -0
- package/ChartProps.d.ts +17 -0
- package/Container.d.ts +15 -0
- package/DonutCenter.d.ts +45 -0
- package/Sparkline.d.ts +92 -0
- package/SparklineProps.d.ts +21 -0
- package/StockChart.d.ts +47 -0
- package/StockChartProps.d.ts +26 -0
- package/api-types/axis-range.interface.d.ts +20 -0
- package/api-types/chart-axis.interface.d.ts +43 -0
- package/api-types/chart-drilldown-state.interface.d.ts +31 -0
- package/api-types/chart-pane.interface.d.ts +21 -0
- package/api-types/chart-plotarea.interface.d.ts +21 -0
- package/api-types/event-axis-options.interface.d.ts +16 -0
- package/api-types/event-series-options.interface.d.ts +24 -0
- package/api-types/series-point.interface.d.ts +45 -0
- package/argument-types/axis-label-visual-args.interface.d.ts +50 -0
- package/argument-types/axis-note-visual-args.interface.d.ts +34 -0
- package/argument-types/drilldown-series-factory-props.interface.d.ts +24 -0
- package/argument-types/error-bars-visual-args.interface.d.ts +38 -0
- package/argument-types/highlight-toggle-args.interface.d.ts +41 -0
- package/argument-types/highlight-visual-args.interface.d.ts +58 -0
- package/argument-types/legend-item-visual-args.interface.d.ts +34 -0
- package/argument-types/legend-labels-content-args.interface.d.ts +28 -0
- package/argument-types/markers-visual-args.interface.d.ts +46 -0
- package/argument-types/plot-band-label-visual-args.interface.d.ts +34 -0
- package/argument-types/series-labels-visual-args.interface.d.ts +34 -0
- package/argument-types/series-note-visual-args.interface.d.ts +50 -0
- package/argument-types/series-visual-args.interface.d.ts +83 -0
- package/argument-types/title-visual-args.interface.d.ts +34 -0
- package/common/api-types.d.ts +15 -0
- package/common/charts.d.ts +12 -0
- package/common/events.d.ts +29 -0
- package/common/property-types.d.ts +140 -0
- package/components/AxisDefaults.d.ts +26 -0
- package/components/CategoryAxis.d.ts +25 -0
- package/components/CategoryAxisItem.d.ts +27 -0
- package/components/ChartArea.d.ts +22 -0
- package/components/Legend.d.ts +26 -0
- package/components/Navigator.d.ts +26 -0
- package/components/Pane.d.ts +22 -0
- package/components/PaneDefaults.d.ts +26 -0
- package/components/Panes.d.ts +25 -0
- package/components/PlotArea.d.ts +19 -0
- package/components/Series.d.ts +25 -0
- package/components/SeriesDefaults.d.ts +22 -0
- package/components/SeriesItem.d.ts +34 -0
- package/components/Subtitle.d.ts +19 -0
- package/components/Title.d.ts +19 -0
- package/components/Tooltip.d.ts +29 -0
- package/components/ValueAxis.d.ts +25 -0
- package/components/ValueAxisItem.d.ts +26 -0
- package/components/XAxis.d.ts +25 -0
- package/components/XAxisItem.d.ts +26 -0
- package/components/YAxis.d.ts +25 -0
- package/components/YAxisItem.d.ts +20 -0
- package/components/Zoomable.d.ts +19 -0
- package/components/axis-defaults/Crosshair.d.ts +26 -0
- package/components/axis-defaults/CrosshairTooltip.d.ts +19 -0
- package/components/axis-defaults/Labels.d.ts +19 -0
- package/components/axis-defaults/Title.d.ts +19 -0
- package/components/axis-defaults/index.d.ts +12 -0
- package/components/base/CollectionConfigurationComponent.d.ts +27 -0
- package/components/base/ConfigurationComponent.d.ts +33 -0
- package/components/category-axis-item/Crosshair.d.ts +26 -0
- package/components/category-axis-item/CrosshairTooltip.d.ts +19 -0
- package/components/category-axis-item/Labels.d.ts +19 -0
- package/components/category-axis-item/Notes.d.ts +25 -0
- package/components/category-axis-item/NotesIcon.d.ts +19 -0
- package/components/category-axis-item/NotesLabel.d.ts +19 -0
- package/components/category-axis-item/RangeLabels.d.ts +19 -0
- package/components/category-axis-item/Select.d.ts +14 -0
- package/components/category-axis-item/Title.d.ts +19 -0
- package/components/category-axis-item/index.d.ts +17 -0
- package/components/index.d.ts +42 -0
- package/components/legend/InactiveItems.d.ts +19 -0
- package/components/legend/Item.d.ts +19 -0
- package/components/legend/Title.d.ts +20 -0
- package/components/legend/index.d.ts +11 -0
- package/components/navigator/CategoryAxis.d.ts +23 -0
- package/components/navigator/Hint.d.ts +20 -0
- package/components/navigator/Pane.d.ts +22 -0
- package/components/navigator/Select.d.ts +19 -0
- package/components/navigator/Series.d.ts +25 -0
- package/components/navigator/SeriesItem.d.ts +23 -0
- package/components/navigator/category-axis/Crosshair.d.ts +22 -0
- package/components/navigator/category-axis/CrosshairTooltip.d.ts +19 -0
- package/components/navigator/category-axis/Labels.d.ts +19 -0
- package/components/navigator/category-axis/Notes.d.ts +19 -0
- package/components/navigator/category-axis/NotesIcon.d.ts +19 -0
- package/components/navigator/category-axis/NotesLabel.d.ts +19 -0
- package/components/navigator/category-axis/Select.d.ts +14 -0
- package/components/navigator/category-axis/Title.d.ts +19 -0
- package/components/navigator/category-axis/index.d.ts +16 -0
- package/components/navigator/index.d.ts +17 -0
- package/components/navigator/pane/Title.d.ts +19 -0
- package/components/navigator/pane/index.d.ts +9 -0
- package/components/navigator/series-item/ErrorBars.d.ts +19 -0
- package/components/navigator/series-item/Extremes.d.ts +19 -0
- package/components/navigator/series-item/Highlight.d.ts +19 -0
- package/components/navigator/series-item/Labels.d.ts +22 -0
- package/components/navigator/series-item/LabelsFrom.d.ts +19 -0
- package/components/navigator/series-item/LabelsTo.d.ts +19 -0
- package/components/navigator/series-item/Markers.d.ts +19 -0
- package/components/navigator/series-item/Notes.d.ts +22 -0
- package/components/navigator/series-item/NotesIcon.d.ts +19 -0
- package/components/navigator/series-item/NotesLabel.d.ts +19 -0
- package/components/navigator/series-item/Outliers.d.ts +19 -0
- package/components/navigator/series-item/Tooltip.d.ts +27 -0
- package/components/navigator/series-item/index.d.ts +20 -0
- package/components/pane/Title.d.ts +19 -0
- package/components/pane/index.d.ts +9 -0
- package/components/pane-defaults/Title.d.ts +19 -0
- package/components/pane-defaults/index.d.ts +9 -0
- package/components/series-defaults/Labels.d.ts +22 -0
- package/components/series-defaults/LabelsFrom.d.ts +19 -0
- package/components/series-defaults/LabelsTo.d.ts +19 -0
- package/components/series-defaults/Notes.d.ts +22 -0
- package/components/series-defaults/NotesIcon.d.ts +19 -0
- package/components/series-defaults/NotesLabel.d.ts +19 -0
- package/components/series-defaults/Tooltip.d.ts +27 -0
- package/components/series-defaults/index.d.ts +15 -0
- package/components/series-item/ErrorBars.d.ts +19 -0
- package/components/series-item/Extremes.d.ts +19 -0
- package/components/series-item/Highlight.d.ts +19 -0
- package/components/series-item/Labels.d.ts +26 -0
- package/components/series-item/LabelsFrom.d.ts +19 -0
- package/components/series-item/LabelsTo.d.ts +19 -0
- package/components/series-item/Markers.d.ts +19 -0
- package/components/series-item/Notes.d.ts +22 -0
- package/components/series-item/NotesIcon.d.ts +19 -0
- package/components/series-item/NotesLabel.d.ts +19 -0
- package/components/series-item/Outliers.d.ts +19 -0
- package/components/series-item/Tooltip.d.ts +27 -0
- package/components/series-item/index.d.ts +20 -0
- package/components/value-axis-item/Crosshair.d.ts +26 -0
- package/components/value-axis-item/CrosshairTooltip.d.ts +19 -0
- package/components/value-axis-item/Labels.d.ts +19 -0
- package/components/value-axis-item/Notes.d.ts +26 -0
- package/components/value-axis-item/NotesIcon.d.ts +19 -0
- package/components/value-axis-item/NotesLabel.d.ts +19 -0
- package/components/value-axis-item/Title.d.ts +19 -0
- package/components/value-axis-item/index.d.ts +15 -0
- package/components/x-axis-item/Crosshair.d.ts +26 -0
- package/components/x-axis-item/CrosshairTooltip.d.ts +19 -0
- package/components/x-axis-item/Labels.d.ts +19 -0
- package/components/x-axis-item/Notes.d.ts +26 -0
- package/components/x-axis-item/NotesIcon.d.ts +19 -0
- package/components/x-axis-item/NotesLabel.d.ts +19 -0
- package/components/x-axis-item/Title.d.ts +19 -0
- package/components/x-axis-item/index.d.ts +15 -0
- package/components/y-axis-item/Crosshair.d.ts +26 -0
- package/components/y-axis-item/CrosshairTooltip.d.ts +19 -0
- package/components/y-axis-item/Labels.d.ts +19 -0
- package/components/y-axis-item/Notes.d.ts +22 -0
- package/components/y-axis-item/NotesIcon.d.ts +19 -0
- package/components/y-axis-item/NotesLabel.d.ts +19 -0
- package/components/y-axis-item/Title.d.ts +19 -0
- package/components/y-axis-item/index.d.ts +15 -0
- package/defaults.d.ts +8 -0
- package/dist/cdn/js/kendo-react-charts.js +1 -1
- package/events/axis-label-click-event.d.ts +39 -0
- package/events/base-event.d.ts +21 -0
- package/events/chart-event-builder.d.ts +13 -0
- package/events/dom-event.d.ts +26 -0
- package/events/drag-end-event.d.ts +29 -0
- package/events/drag-event.d.ts +29 -0
- package/events/drag-start-event.d.ts +29 -0
- package/events/drilldown-event.d.ts +45 -0
- package/events/drilldown-state-change-event.d.ts +29 -0
- package/events/legend-item-click-event.d.ts +39 -0
- package/events/legend-item-hover-event.d.ts +39 -0
- package/events/legend-item-leave-event.d.ts +39 -0
- package/events/navigator-filter-event.d.ts +26 -0
- package/events/note-click-event.d.ts +39 -0
- package/events/note-hover-event.d.ts +39 -0
- package/events/plot-area-click-event.d.ts +38 -0
- package/events/plot-area-hover-event.d.ts +38 -0
- package/events/preventable-event.d.ts +25 -0
- package/events/render-event.d.ts +18 -0
- package/events/select-end-event.d.ts +31 -0
- package/events/select-event.d.ts +31 -0
- package/events/select-start-event.d.ts +31 -0
- package/events/series-click-event.d.ts +52 -0
- package/events/series-hover-event.d.ts +56 -0
- package/events/zoom-end-event.d.ts +31 -0
- package/events/zoom-event.d.ts +35 -0
- package/events/zoom-start-event.d.ts +29 -0
- package/field-types/auto-base-unit-steps.interface.d.ts +46 -0
- package/field-types/axis-labels-position.d.ts +24 -0
- package/field-types/axis-line.interface.d.ts +29 -0
- package/field-types/axis-ticks.interface.d.ts +36 -0
- package/field-types/axis-title-position.d.ts +24 -0
- package/field-types/base-unit.d.ts +36 -0
- package/field-types/border.interface.d.ts +31 -0
- package/field-types/bullet-target-line.interface.d.ts +16 -0
- package/field-types/bullet-target.interface.d.ts +26 -0
- package/field-types/category-base-unit.d.ts +37 -0
- package/field-types/dash-type.d.ts +30 -0
- package/field-types/date-formats.interface.d.ts +46 -0
- package/field-types/drag-action.interface.d.ts +22 -0
- package/field-types/error-bar-line.interface.d.ts +21 -0
- package/field-types/grid-lines.interface.d.ts +37 -0
- package/field-types/highlight-line.interface.d.ts +29 -0
- package/field-types/label-connectors.interface.d.ts +24 -0
- package/field-types/label-rotation.interface.d.ts +26 -0
- package/field-types/legend-labels.interface.d.ts +35 -0
- package/field-types/line-style.d.ts +30 -0
- package/field-types/lock-axis.d.ts +11 -0
- package/field-types/margin.interface.d.ts +28 -0
- package/field-types/marker-type.d.ts +33 -0
- package/field-types/modifier-key.d.ts +11 -0
- package/field-types/mousewheel-select.interface.d.ts +25 -0
- package/field-types/mousewheel-zoom.interface.d.ts +25 -0
- package/field-types/negative-bubble-values.interface.d.ts +20 -0
- package/field-types/note-label-position.d.ts +31 -0
- package/field-types/note-line.interface.d.ts +29 -0
- package/field-types/note-position.d.ts +31 -0
- package/field-types/overlay.interface.d.ts +22 -0
- package/field-types/padding.interface.d.ts +13 -0
- package/field-types/plot-band-label.interface.d.ts +94 -0
- package/field-types/plot-band.interface.d.ts +37 -0
- package/field-types/series-labels-position.d.ts +23 -0
- package/field-types/series-line.interface.d.ts +35 -0
- package/field-types/series-stack.interface.d.ts +24 -0
- package/field-types/series-type.d.ts +31 -0
- package/field-types/trendline-forecast.interface.d.ts +20 -0
- package/field-types/week-start-day.enum.d.ts +40 -0
- package/index.d.mts +32 -9258
- package/index.d.ts +32 -9258
- package/messages.d.ts +17 -0
- package/methods/index.d.ts +43 -0
- package/option-types/axis-crosshair-tooltip.interface.d.ts +42 -0
- package/option-types/axis-defaults/crosshair.interface.d.ts +48 -0
- package/option-types/axis-defaults/crosshair.tooltip.interface.d.ts +13 -0
- package/option-types/axis-defaults/labels.interface.d.ts +76 -0
- package/option-types/axis-defaults/title.interface.d.ts +74 -0
- package/option-types/axis-defaults.interface.d.ts +80 -0
- package/option-types/category-axis-item/crosshair.interface.d.ts +47 -0
- package/option-types/category-axis-item/crosshair.tooltip.interface.d.ts +13 -0
- package/option-types/category-axis-item/labels.interface.d.ts +110 -0
- package/option-types/category-axis-item/notes.icon.interface.d.ts +39 -0
- package/option-types/category-axis-item/notes.interface.d.ts +52 -0
- package/option-types/category-axis-item/notes.label.interface.d.ts +53 -0
- package/option-types/category-axis-item/range-labels.interface.d.ts +31 -0
- package/option-types/category-axis-item/select.interface.d.ts +33 -0
- package/option-types/category-axis-item/title.interface.d.ts +72 -0
- package/option-types/category-axis-item.interface.d.ts +166 -0
- package/option-types/chart-area.interface.d.ts +37 -0
- package/option-types/legend/inactive-items.interface.d.ts +17 -0
- package/option-types/legend/item.interface.d.ts +124 -0
- package/option-types/legend/legend-title.interface.d.ts +68 -0
- package/option-types/legend.interface.d.ts +106 -0
- package/option-types/navigator/hint.interface.d.ts +25 -0
- package/option-types/navigator/select.interface.d.ts +25 -0
- package/option-types/navigator.interface.d.ts +44 -0
- package/option-types/pane/title.interface.d.ts +65 -0
- package/option-types/pane-defaults/title.interface.d.ts +59 -0
- package/option-types/pane-defaults.interface.d.ts +46 -0
- package/option-types/pane.interface.d.ts +53 -0
- package/option-types/plot-area.interface.d.ts +33 -0
- package/option-types/series-defaults/labels.from.interface.d.ts +58 -0
- package/option-types/series-defaults/labels.interface.d.ts +80 -0
- package/option-types/series-defaults/labels.to.interface.d.ts +58 -0
- package/option-types/series-defaults/notes.icon.interface.d.ts +39 -0
- package/option-types/series-defaults/notes.interface.d.ts +43 -0
- package/option-types/series-defaults/notes.label.interface.d.ts +53 -0
- package/option-types/series-defaults/tooltip.interface.d.ts +48 -0
- package/option-types/series-defaults.interface.d.ts +103 -0
- package/option-types/series-item/error-bars.interface.d.ts +64 -0
- package/option-types/series-item/extremes.interface.d.ts +39 -0
- package/option-types/series-item/highlight.interface.d.ts +74 -0
- package/option-types/series-item/labels.from.interface.d.ts +74 -0
- package/option-types/series-item/labels.interface.d.ts +109 -0
- package/option-types/series-item/labels.to.interface.d.ts +72 -0
- package/option-types/series-item/markers.interface.d.ts +72 -0
- package/option-types/series-item/notes.icon.interface.d.ts +39 -0
- package/option-types/series-item/notes.interface.d.ts +53 -0
- package/option-types/series-item/notes.label.interface.d.ts +53 -0
- package/option-types/series-item/outliers.interface.d.ts +39 -0
- package/option-types/series-item/tooltip.interface.d.ts +49 -0
- package/option-types/series-item/trendline.interface.d.ts +37 -0
- package/option-types/series-item.interface.d.ts +492 -0
- package/option-types/subtitle.interface.d.ts +68 -0
- package/option-types/title.interface.d.ts +66 -0
- package/option-types/tooltip-border.interface.d.ts +22 -0
- package/option-types/tooltip.interface.d.ts +56 -0
- package/option-types/value-axis-item/crosshair.interface.d.ts +33 -0
- package/option-types/value-axis-item/crosshair.tooltip.interface.d.ts +13 -0
- package/option-types/value-axis-item/labels.interface.d.ts +88 -0
- package/option-types/value-axis-item/notes.icon.interface.d.ts +39 -0
- package/option-types/value-axis-item/notes.interface.d.ts +52 -0
- package/option-types/value-axis-item/notes.label.interface.d.ts +53 -0
- package/option-types/value-axis-item/title.interface.d.ts +73 -0
- package/option-types/value-axis-item.interface.d.ts +121 -0
- package/option-types/x-axis-item/crosshair.interface.d.ts +33 -0
- package/option-types/x-axis-item/crosshair.tooltip.interface.d.ts +13 -0
- package/option-types/x-axis-item/labels.interface.d.ts +95 -0
- package/option-types/x-axis-item/notes.icon.interface.d.ts +39 -0
- package/option-types/x-axis-item/notes.interface.d.ts +53 -0
- package/option-types/x-axis-item/notes.label.interface.d.ts +53 -0
- package/option-types/x-axis-item/title.interface.d.ts +72 -0
- package/option-types/x-axis-item.interface.d.ts +142 -0
- package/option-types/y-axis-item/crosshair.interface.d.ts +33 -0
- package/option-types/y-axis-item/crosshair.tooltip.interface.d.ts +13 -0
- package/option-types/y-axis-item/labels.interface.d.ts +95 -0
- package/option-types/y-axis-item/notes.icon.interface.d.ts +39 -0
- package/option-types/y-axis-item/notes.interface.d.ts +52 -0
- package/option-types/y-axis-item/notes.label.interface.d.ts +53 -0
- package/option-types/y-axis-item/title.interface.d.ts +73 -0
- package/option-types/y-axis-item.interface.d.ts +138 -0
- package/option-types/zoomable.interface.d.ts +21 -0
- package/package-metadata.d.ts +12 -0
- package/package-metadata.js +1 -1
- package/package-metadata.mjs +10 -16
- package/package.json +6 -6
- package/sankey/Sankey.d.ts +13 -0
- package/sankey/SankeyTooltip.d.ts +12 -0
- package/sankey/index.d.ts +11 -0
- package/sankey/messages.d.ts +17 -0
- package/sankey/propTypes.d.ts +226 -0
- package/sankey/theme-service.d.ts +12 -0
- package/sankey/types.d.ts +206 -0
- package/sankey/utils.d.ts +12 -0
- package/store/reducer.d.ts +21 -0
- package/store/store.d.ts +32 -0
- package/tooltip/Context.d.ts +36 -0
- package/tooltip/Crosshair.d.ts +44 -0
- package/tooltip/CrosshairContainer.d.ts +35 -0
- package/tooltip/Point.d.ts +78 -0
- package/tooltip/Popup.d.ts +39 -0
- package/tooltip/Series.d.ts +42 -0
- package/tooltip/SharedTooltipContent.d.ts +19 -0
- package/tooltip/index.d.ts +10 -0
- package/utils/index.d.ts +20 -0
|
@@ -0,0 +1,106 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @license
|
|
3
|
+
*-------------------------------------------------------------------------------------------
|
|
4
|
+
* Copyright © 2026 Progress Software Corporation. All rights reserved.
|
|
5
|
+
* Licensed under commercial license. See LICENSE.md in the package root for more information
|
|
6
|
+
*-------------------------------------------------------------------------------------------
|
|
7
|
+
*/
|
|
8
|
+
import { FocusHighlight } from '@progress/kendo-charts';
|
|
9
|
+
import { Border, LegendLabels, Margin, Padding } from '../common/property-types.js';
|
|
10
|
+
import { LegendInactiveItems } from './legend/inactive-items.interface.js';
|
|
11
|
+
import { LegendItem } from './legend/item.interface.js';
|
|
12
|
+
import { LegendTitle } from './legend/legend-title.interface.js';
|
|
13
|
+
/**
|
|
14
|
+
* @hidden
|
|
15
|
+
*/
|
|
16
|
+
export interface Legend {
|
|
17
|
+
/**
|
|
18
|
+
* The legend is horizontally aligned when [`legend.position`](https://www.telerik.com/kendo-react-ui/components/charts/api/chartlegendprops#toc-position) is set to `"top"` or `"bottom"`. The legend is vertically aligned when [`legend.position`](https://www.telerik.com/kendo-react-ui/components/charts/api/chartlegendprops#toc-position) is set to `"left"` or `"right"`.
|
|
19
|
+
*
|
|
20
|
+
* The supported values are:
|
|
21
|
+
* - `"start"`—The legend is aligned to the start.
|
|
22
|
+
* - `"center"`—The legend is aligned to the center.
|
|
23
|
+
* - `"end"`—The legend is aligned to the end.
|
|
24
|
+
*/
|
|
25
|
+
align?: 'start' | 'center' | 'end';
|
|
26
|
+
/**
|
|
27
|
+
* The background color of the legend. Accepts a valid CSS color string, including hex and rgb.
|
|
28
|
+
*/
|
|
29
|
+
background?: string;
|
|
30
|
+
/**
|
|
31
|
+
* The border of the legend.
|
|
32
|
+
*/
|
|
33
|
+
border?: Border;
|
|
34
|
+
/**
|
|
35
|
+
* The height of the legend when [`legend.orientation`](https://www.telerik.com/kendo-react-ui/components/charts/api/chartlegendprops#toc-orientation) is set to `"vertical"`.
|
|
36
|
+
*/
|
|
37
|
+
height?: number;
|
|
38
|
+
/**
|
|
39
|
+
* The label configuration of the Chart legend.
|
|
40
|
+
*/
|
|
41
|
+
labels?: LegendLabels;
|
|
42
|
+
/**
|
|
43
|
+
* The margin of the Chart legend. A numeric value sets all paddings.
|
|
44
|
+
*/
|
|
45
|
+
margin?: Margin | number;
|
|
46
|
+
/**
|
|
47
|
+
* The X offset of the Chart legend. The offset is relative to the default position of the legend. For example, a value of `20` moves the legend 20 pixels to the right of its initial position. Negative values move the legend to the left of its current position.
|
|
48
|
+
*/
|
|
49
|
+
offsetX?: number;
|
|
50
|
+
/**
|
|
51
|
+
* The Y offset of the chart legend. The offset is relative to the current position of the legend. For example, a value of `20` moves the legend 20 pixels down from its initial position. Negative values move the legend upwards from its current position.
|
|
52
|
+
*/
|
|
53
|
+
offsetY?: number;
|
|
54
|
+
/**
|
|
55
|
+
* The orientation of the legend items.
|
|
56
|
+
*
|
|
57
|
+
* The supported values are:
|
|
58
|
+
* - `"vertical"`—The legend items are added vertically.
|
|
59
|
+
* - `"horizontal"`—The legend items are added horizontally.
|
|
60
|
+
*/
|
|
61
|
+
orientation?: 'vertical' | 'horizontal';
|
|
62
|
+
/**
|
|
63
|
+
* The padding of the Chart legend. A numeric value sets all paddings.
|
|
64
|
+
*/
|
|
65
|
+
padding?: Padding | number;
|
|
66
|
+
/**
|
|
67
|
+
* The positions of the Chart legend.
|
|
68
|
+
*
|
|
69
|
+
* The supported values are:
|
|
70
|
+
* - `"top"`—The legend is positioned on the top.
|
|
71
|
+
* - `"bottom"`—The legend is positioned on the bottom.
|
|
72
|
+
* - `"left"`—The legend is positioned on the left.
|
|
73
|
+
* - `"right"`—The legend is positioned on the right.
|
|
74
|
+
* - `"custom"`—The legend is positioned by using [`legend.offsetX`](https://www.telerik.com/kendo-react-ui/components/charts/api/chartlegendprops#toc-offsetx) and [`legend.offsetY`](https://www.telerik.com/kendo-react-ui/components/charts/api/chartlegendprops#toc-offsety).
|
|
75
|
+
*/
|
|
76
|
+
position?: 'top' | 'bottom' | 'left' | 'right' | 'custom';
|
|
77
|
+
/**
|
|
78
|
+
* If set to `true`, the legend items are reversed.
|
|
79
|
+
*/
|
|
80
|
+
reverse?: boolean;
|
|
81
|
+
/**
|
|
82
|
+
* If set to `true`, the Chart displays the legend ([see example](https://www.telerik.com/kendo-react-ui/components/charts/chart/elements/legend#toc-hiding-the-legend)). By default, the Chart legend is visible.
|
|
83
|
+
*/
|
|
84
|
+
visible?: boolean;
|
|
85
|
+
/**
|
|
86
|
+
* The legend width when the [`legend.orientation`](https://www.telerik.com/kendo-react-ui/components/charts/api/chartlegendprops#toc-orientation) is set to `"horizontal"`.
|
|
87
|
+
*/
|
|
88
|
+
width?: number;
|
|
89
|
+
/**
|
|
90
|
+
* The configuration of the Chart inactive legend items.
|
|
91
|
+
*/
|
|
92
|
+
inactiveItems?: LegendInactiveItems;
|
|
93
|
+
/**
|
|
94
|
+
* The configuration of the Chart legend item.
|
|
95
|
+
*/
|
|
96
|
+
item?: LegendItem;
|
|
97
|
+
/**
|
|
98
|
+
* The title of the Chart legend.
|
|
99
|
+
* By default, the Chart will not render a legend title.
|
|
100
|
+
*/
|
|
101
|
+
title?: LegendTitle;
|
|
102
|
+
/**
|
|
103
|
+
* The focus highlight configuration options of the Chart legend.
|
|
104
|
+
*/
|
|
105
|
+
focusHighlight?: FocusHighlight;
|
|
106
|
+
}
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @license
|
|
3
|
+
*-------------------------------------------------------------------------------------------
|
|
4
|
+
* Copyright © 2026 Progress Software Corporation. All rights reserved.
|
|
5
|
+
* Licensed under commercial license. See LICENSE.md in the package root for more information
|
|
6
|
+
*-------------------------------------------------------------------------------------------
|
|
7
|
+
*/
|
|
8
|
+
export interface NavigatorHint {
|
|
9
|
+
/**
|
|
10
|
+
* The function that returns the content of the hint.
|
|
11
|
+
*
|
|
12
|
+
* The available fields in the event argument are:
|
|
13
|
+
* - `from`—The lower boundary of the selected range.
|
|
14
|
+
* - `to`—The upper boundary of the selected range.
|
|
15
|
+
*/
|
|
16
|
+
content?: (e: any) => string;
|
|
17
|
+
/**
|
|
18
|
+
* The format of the hint.
|
|
19
|
+
*/
|
|
20
|
+
format?: string;
|
|
21
|
+
/**
|
|
22
|
+
* The visibility of the hint.
|
|
23
|
+
*/
|
|
24
|
+
visible?: boolean;
|
|
25
|
+
}
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @license
|
|
3
|
+
*-------------------------------------------------------------------------------------------
|
|
4
|
+
* Copyright © 2026 Progress Software Corporation. All rights reserved.
|
|
5
|
+
* Licensed under commercial license. See LICENSE.md in the package root for more information
|
|
6
|
+
*-------------------------------------------------------------------------------------------
|
|
7
|
+
*/
|
|
8
|
+
import { MousewheelSelect } from '../../common/property-types.js';
|
|
9
|
+
/**
|
|
10
|
+
* @hidden
|
|
11
|
+
*/
|
|
12
|
+
export interface NavigatorSelect {
|
|
13
|
+
/**
|
|
14
|
+
* The lower boundary of the selected range.
|
|
15
|
+
*/
|
|
16
|
+
from?: Date;
|
|
17
|
+
/**
|
|
18
|
+
* The configuration of the mousewheel selection. If set to `false`, the mousewheel does not update the selection.
|
|
19
|
+
*/
|
|
20
|
+
mousewheel?: boolean | MousewheelSelect;
|
|
21
|
+
/**
|
|
22
|
+
* The upper boundary of the selected range.
|
|
23
|
+
*/
|
|
24
|
+
to?: Date;
|
|
25
|
+
}
|
|
@@ -0,0 +1,44 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @license
|
|
3
|
+
*-------------------------------------------------------------------------------------------
|
|
4
|
+
* Copyright © 2026 Progress Software Corporation. All rights reserved.
|
|
5
|
+
* Licensed under commercial license. See LICENSE.md in the package root for more information
|
|
6
|
+
*-------------------------------------------------------------------------------------------
|
|
7
|
+
*/
|
|
8
|
+
import { CategoryAxis, Pane, Series } from './../common/property-types.js';
|
|
9
|
+
import { NavigatorHint } from './navigator/hint.interface.js';
|
|
10
|
+
import { NavigatorSelect } from './navigator/select.interface.js';
|
|
11
|
+
/**
|
|
12
|
+
* @hidden
|
|
13
|
+
*/
|
|
14
|
+
export interface Navigator {
|
|
15
|
+
/**
|
|
16
|
+
* The visibility of the navigator.
|
|
17
|
+
*/
|
|
18
|
+
visible?: boolean;
|
|
19
|
+
/**
|
|
20
|
+
* The configuration options of the category axis.
|
|
21
|
+
*/
|
|
22
|
+
categoryAxis?: CategoryAxis;
|
|
23
|
+
/**
|
|
24
|
+
* The default options of the navigator hint.
|
|
25
|
+
*/
|
|
26
|
+
hint?: NavigatorHint;
|
|
27
|
+
/**
|
|
28
|
+
* The configuration of the navigator pane.
|
|
29
|
+
*/
|
|
30
|
+
pane?: Pane;
|
|
31
|
+
/**
|
|
32
|
+
* The position of the navigator.
|
|
33
|
+
* By default, the navigator is positioned at the bottom.
|
|
34
|
+
*/
|
|
35
|
+
position?: 'top' | 'bottom';
|
|
36
|
+
/**
|
|
37
|
+
* Specifies the initially selected range. If no range is specified, the full range of values is shown.
|
|
38
|
+
*/
|
|
39
|
+
select?: NavigatorSelect;
|
|
40
|
+
/**
|
|
41
|
+
* An array of series definitions. Accepts the same options as the root series collection. Omitting the array and specifying a single series is also acceptable.
|
|
42
|
+
*/
|
|
43
|
+
series?: Series | Series[];
|
|
44
|
+
}
|
|
@@ -0,0 +1,65 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @license
|
|
3
|
+
*-------------------------------------------------------------------------------------------
|
|
4
|
+
* Copyright © 2026 Progress Software Corporation. All rights reserved.
|
|
5
|
+
* Licensed under commercial license. See LICENSE.md in the package root for more information
|
|
6
|
+
*-------------------------------------------------------------------------------------------
|
|
7
|
+
*/
|
|
8
|
+
import { drawing } from '@progress/kendo-drawing';
|
|
9
|
+
import { Border, Margin } from '../../common/property-types.js';
|
|
10
|
+
/**
|
|
11
|
+
* @hidden
|
|
12
|
+
*/
|
|
13
|
+
export interface PanesTitle {
|
|
14
|
+
/**
|
|
15
|
+
* The background color of the title. Accepts a valid CSS color string, including hex and rgb.
|
|
16
|
+
*/
|
|
17
|
+
background?: string;
|
|
18
|
+
/**
|
|
19
|
+
* The border of the title.
|
|
20
|
+
*/
|
|
21
|
+
border?: Border;
|
|
22
|
+
/**
|
|
23
|
+
* The text color of the title. Accepts a valid CSS color string, including hex and rgb.
|
|
24
|
+
*/
|
|
25
|
+
color?: string;
|
|
26
|
+
/**
|
|
27
|
+
* The font style of the title.
|
|
28
|
+
*/
|
|
29
|
+
font?: string;
|
|
30
|
+
/**
|
|
31
|
+
* The margin of the title. A numeric value sets all margins.
|
|
32
|
+
*/
|
|
33
|
+
margin?: Margin | number;
|
|
34
|
+
/**
|
|
35
|
+
* The position of the title.
|
|
36
|
+
*
|
|
37
|
+
* The supported values are:
|
|
38
|
+
* - `"left"`—The axis title is positioned on the left (applicable to the horizontal axis).
|
|
39
|
+
* - `"right"`—The axis title is positioned on the right (applicable to the horizontal axis).
|
|
40
|
+
* - `"center"`—The axis title is positioned in the center.
|
|
41
|
+
*/
|
|
42
|
+
position?: 'left' | 'right' | 'center';
|
|
43
|
+
/**
|
|
44
|
+
* The text of the title. You can split the text into multiple lines by using line feed characters (`"\n"`).
|
|
45
|
+
*/
|
|
46
|
+
text?: string;
|
|
47
|
+
/**
|
|
48
|
+
* If set to `true`, the Chart displays the pane title. By default, the pane title is visible.
|
|
49
|
+
*/
|
|
50
|
+
visible?: boolean;
|
|
51
|
+
/**
|
|
52
|
+
* A function that can be used to create a custom visual for the title.
|
|
53
|
+
*
|
|
54
|
+
* The available argument fields are:
|
|
55
|
+
*
|
|
56
|
+
* - `text`—The label text.
|
|
57
|
+
* - `rect`—The [geometry Rect](https://www.telerik.com/kendo-react-ui/components/drawing/api/geometry/rect) that defines where the visual has to be rendered.
|
|
58
|
+
* - `sender`—The Chart instance (might be `undefined`).
|
|
59
|
+
* - `options`—The label options.
|
|
60
|
+
* - `createVisual`—A function that can be used to get the default visual.
|
|
61
|
+
*/
|
|
62
|
+
visual?: (e: any) => drawing.Element;
|
|
63
|
+
/** The child components of the pane title */
|
|
64
|
+
children?: React.ReactNode;
|
|
65
|
+
}
|
|
@@ -0,0 +1,59 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @license
|
|
3
|
+
*-------------------------------------------------------------------------------------------
|
|
4
|
+
* Copyright © 2026 Progress Software Corporation. All rights reserved.
|
|
5
|
+
* Licensed under commercial license. See LICENSE.md in the package root for more information
|
|
6
|
+
*-------------------------------------------------------------------------------------------
|
|
7
|
+
*/
|
|
8
|
+
import { drawing } from '@progress/kendo-drawing';
|
|
9
|
+
import { Border, Margin } from '../../common/property-types.js';
|
|
10
|
+
/**
|
|
11
|
+
* The configuration options of the default pane title.
|
|
12
|
+
*/
|
|
13
|
+
export interface PaneDefaultsTitle {
|
|
14
|
+
/**
|
|
15
|
+
* The background color of the title. Accepts a valid CSS color string, including hex and rgb.
|
|
16
|
+
*/
|
|
17
|
+
background?: string;
|
|
18
|
+
/**
|
|
19
|
+
* The border of the title.
|
|
20
|
+
*/
|
|
21
|
+
border?: Border;
|
|
22
|
+
/**
|
|
23
|
+
* The text color of the title. Accepts a valid CSS color string, including hex and rgb.
|
|
24
|
+
*/
|
|
25
|
+
color?: string;
|
|
26
|
+
/**
|
|
27
|
+
* The font style of the title.
|
|
28
|
+
*/
|
|
29
|
+
font?: string;
|
|
30
|
+
/**
|
|
31
|
+
* The margin of the title. A numeric value sets all margins.
|
|
32
|
+
*/
|
|
33
|
+
margin?: Margin | number;
|
|
34
|
+
/**
|
|
35
|
+
* The position of the title.
|
|
36
|
+
*
|
|
37
|
+
* The supported values are:
|
|
38
|
+
* - `"left"`—The axis title is positioned on the left (applicable to the horizontal axis).
|
|
39
|
+
* - `"right"`—The axis title is positioned on the right (applicable to the horizontal axis).
|
|
40
|
+
* - `"center"`—The axis title is positioned in the center.
|
|
41
|
+
*/
|
|
42
|
+
position?: 'left' | 'right' | 'center';
|
|
43
|
+
/**
|
|
44
|
+
* If set to `true`, the Chart displays the pane title. By default, the pane title is visible.
|
|
45
|
+
*/
|
|
46
|
+
visible?: boolean;
|
|
47
|
+
/**
|
|
48
|
+
* A function that can be used to create a custom visual for the title.
|
|
49
|
+
*
|
|
50
|
+
* The available argument fields are:
|
|
51
|
+
*
|
|
52
|
+
* - `text`—The label text.
|
|
53
|
+
* - `rect`—The [geometry Rect](https://www.telerik.com/kendo-react-ui/components/drawing/api/geometry/rect) that defines where the visual has to be rendered.
|
|
54
|
+
* - `sender`—The Chart instance (might be `undefined`).
|
|
55
|
+
* - `options`—The label options.
|
|
56
|
+
* - `createVisual`—A function that can be used to get the default visual.
|
|
57
|
+
*/
|
|
58
|
+
visual?: (e: any) => drawing.Element;
|
|
59
|
+
}
|
|
@@ -0,0 +1,46 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @license
|
|
3
|
+
*-------------------------------------------------------------------------------------------
|
|
4
|
+
* Copyright © 2026 Progress Software Corporation. All rights reserved.
|
|
5
|
+
* Licensed under commercial license. See LICENSE.md in the package root for more information
|
|
6
|
+
*-------------------------------------------------------------------------------------------
|
|
7
|
+
*/
|
|
8
|
+
import { Border, Margin, Padding } from '../common/property-types.js';
|
|
9
|
+
import { PaneDefaultsTitle } from './pane-defaults/title.interface.js';
|
|
10
|
+
/**
|
|
11
|
+
* The configuration options of the Chart pane defaults.
|
|
12
|
+
*/
|
|
13
|
+
export interface PaneDefaults {
|
|
14
|
+
/**
|
|
15
|
+
* The background color of the pane. Accepts a valid CSS color string, including hex and rgb.
|
|
16
|
+
*/
|
|
17
|
+
background?: string;
|
|
18
|
+
/**
|
|
19
|
+
* The border of the pane.
|
|
20
|
+
*/
|
|
21
|
+
border?: Border;
|
|
22
|
+
/**
|
|
23
|
+
* Specifies whether the Charts in the pane have to be clipped. By default, all Charts except the Radar and Polar Charts are clipped.
|
|
24
|
+
*/
|
|
25
|
+
clip?: boolean;
|
|
26
|
+
/**
|
|
27
|
+
* The height of the pane in pixels.
|
|
28
|
+
*/
|
|
29
|
+
height?: number;
|
|
30
|
+
/**
|
|
31
|
+
* The margin of the pane. A numeric value sets all margins.
|
|
32
|
+
*/
|
|
33
|
+
margin?: Margin | number;
|
|
34
|
+
/**
|
|
35
|
+
* The unique name of the pane.
|
|
36
|
+
*/
|
|
37
|
+
name?: string;
|
|
38
|
+
/**
|
|
39
|
+
* The padding of the pane. A numeric value sets all paddings.
|
|
40
|
+
*/
|
|
41
|
+
padding?: Padding | number;
|
|
42
|
+
/**
|
|
43
|
+
* The title configuration of the pane. To display the title, set the [`panes.title.text`](https://www.telerik.com/kendo-react-ui/components/charts/api/chartpanetitleprops#toc-text) option.
|
|
44
|
+
*/
|
|
45
|
+
title?: PaneDefaultsTitle;
|
|
46
|
+
}
|
|
@@ -0,0 +1,53 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @license
|
|
3
|
+
*-------------------------------------------------------------------------------------------
|
|
4
|
+
* Copyright © 2026 Progress Software Corporation. All rights reserved.
|
|
5
|
+
* Licensed under commercial license. See LICENSE.md in the package root for more information
|
|
6
|
+
*-------------------------------------------------------------------------------------------
|
|
7
|
+
*/
|
|
8
|
+
import { Border, Margin, Padding } from '../common/property-types.js';
|
|
9
|
+
import { PanesTitle } from './pane/title.interface.js';
|
|
10
|
+
/**
|
|
11
|
+
* @hidden
|
|
12
|
+
*/
|
|
13
|
+
export interface Pane {
|
|
14
|
+
/**
|
|
15
|
+
* The background color of the pane. Accepts a valid CSS color string, including hex and rgb.
|
|
16
|
+
*/
|
|
17
|
+
background?: string;
|
|
18
|
+
/**
|
|
19
|
+
* The border of the pane.
|
|
20
|
+
*/
|
|
21
|
+
border?: Border;
|
|
22
|
+
/**
|
|
23
|
+
* Specifies whether the Charts in the pane have to be clipped. By default, all Charts except the Radar and Polar Charts are clipped.
|
|
24
|
+
*/
|
|
25
|
+
clip?: boolean;
|
|
26
|
+
/**
|
|
27
|
+
* The height of the pane in pixels.
|
|
28
|
+
*/
|
|
29
|
+
height?: number;
|
|
30
|
+
/**
|
|
31
|
+
* The margin of the pane. A numeric value sets all margins.
|
|
32
|
+
*/
|
|
33
|
+
margin?: Margin | number;
|
|
34
|
+
/**
|
|
35
|
+
* The unique name of the pane.
|
|
36
|
+
*/
|
|
37
|
+
name?: string;
|
|
38
|
+
/**
|
|
39
|
+
* The padding of the pane. A numeric value sets all paddings.
|
|
40
|
+
*/
|
|
41
|
+
padding?: Padding | number;
|
|
42
|
+
/**
|
|
43
|
+
* The title configuration of the pane. To display the title, set the [`panes.title.text`](https://www.telerik.com/kendo-react-ui/components/charts/api/chartpanetitleprops#toc-text) option.
|
|
44
|
+
*/
|
|
45
|
+
title?: string | PanesTitle;
|
|
46
|
+
/**
|
|
47
|
+
* React child components that can be used to configure nested chart pane components.
|
|
48
|
+
*
|
|
49
|
+
* Supported child components include pane title configuration components for customizing
|
|
50
|
+
* the appearance and content of pane titles.
|
|
51
|
+
*/
|
|
52
|
+
children?: React.ReactNode;
|
|
53
|
+
}
|
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @license
|
|
3
|
+
*-------------------------------------------------------------------------------------------
|
|
4
|
+
* Copyright © 2026 Progress Software Corporation. All rights reserved.
|
|
5
|
+
* Licensed under commercial license. See LICENSE.md in the package root for more information
|
|
6
|
+
*-------------------------------------------------------------------------------------------
|
|
7
|
+
*/
|
|
8
|
+
import { Border, Margin, Padding } from '../common/property-types.js';
|
|
9
|
+
/**
|
|
10
|
+
* @hidden
|
|
11
|
+
*/
|
|
12
|
+
export interface PlotArea {
|
|
13
|
+
/**
|
|
14
|
+
* The background color of the Chart plot area. Accepts a valid CSS color string, including hex and rgb.
|
|
15
|
+
*/
|
|
16
|
+
background?: string;
|
|
17
|
+
/**
|
|
18
|
+
* The border of the plot area.
|
|
19
|
+
*/
|
|
20
|
+
border?: Border;
|
|
21
|
+
/**
|
|
22
|
+
* The margin of the plot area. A numeric value sets all margins.
|
|
23
|
+
*/
|
|
24
|
+
margin?: Margin | number;
|
|
25
|
+
/**
|
|
26
|
+
* The background opacity of the plot area. By default, the background is opaque.
|
|
27
|
+
*/
|
|
28
|
+
opacity?: number;
|
|
29
|
+
/**
|
|
30
|
+
* The padding of the plot area. A numeric value sets all paddings. The default padding for the Pie, Donut, Radar, and Polar Charts is proportional of the Chart size.
|
|
31
|
+
*/
|
|
32
|
+
padding?: Padding | number;
|
|
33
|
+
}
|
|
@@ -0,0 +1,58 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @license
|
|
3
|
+
*-------------------------------------------------------------------------------------------
|
|
4
|
+
* Copyright © 2026 Progress Software Corporation. All rights reserved.
|
|
5
|
+
* Licensed under commercial license. See LICENSE.md in the package root for more information
|
|
6
|
+
*-------------------------------------------------------------------------------------------
|
|
7
|
+
*/
|
|
8
|
+
import { Border, Margin, Padding } from '../../common/property-types.js';
|
|
9
|
+
/**
|
|
10
|
+
* @hidden
|
|
11
|
+
*/
|
|
12
|
+
export interface SeriesDefaultsLabelsFrom {
|
|
13
|
+
/**
|
|
14
|
+
* The background color of the `from` labels. Accepts a valid CSS color string, including hex and rgb.
|
|
15
|
+
*/
|
|
16
|
+
background?: string;
|
|
17
|
+
/**
|
|
18
|
+
* The border of the `from` labels.
|
|
19
|
+
*/
|
|
20
|
+
border?: Border;
|
|
21
|
+
/**
|
|
22
|
+
* The text color of the `from` labels. Accepts a valid CSS color string, including hex and rgb.
|
|
23
|
+
*/
|
|
24
|
+
color?: string;
|
|
25
|
+
/**
|
|
26
|
+
* The function which returns the `from` label content of the Chart series. You can split the text into multiple lines by using line feed characters (`"\n"`).
|
|
27
|
+
*
|
|
28
|
+
* The available fields in the function argument are:
|
|
29
|
+
* - `category`—The category name. Available for the Area, Bar, Column, Bubble, Donut, Funnel, Pyramid, Line, and Pie series.
|
|
30
|
+
* - `dataItem`—The original data item used to construct the point. If binding to an array, it will be `null`.
|
|
31
|
+
* - `percentage`—The point value represented as a percentage value. Available for the Donut, Funnel, Pyramid and Pie series.
|
|
32
|
+
* - `series`—The data series.
|
|
33
|
+
* - `value`—The point value. Can be a number or object which contain each bound field.
|
|
34
|
+
* - `runningTotal`—The sum of point values since the last `"runningTotal"` summary point. Available for the Waterfall series.
|
|
35
|
+
* - `total`—The sum of all previous series values. Available for the Waterfall series.
|
|
36
|
+
*/
|
|
37
|
+
content?: (e: any) => string;
|
|
38
|
+
/**
|
|
39
|
+
* The font style of the from labels.
|
|
40
|
+
*/
|
|
41
|
+
font?: string;
|
|
42
|
+
/**
|
|
43
|
+
* The format of the `from` labels. Uses the [`format`](https://www.telerik.com/kendo-react-ui/components/intl/api/intlservice#toc-format) of IntlService.
|
|
44
|
+
*/
|
|
45
|
+
format?: string;
|
|
46
|
+
/**
|
|
47
|
+
* The margin of the `from` labels. A numeric value sets all margins.
|
|
48
|
+
*/
|
|
49
|
+
margin?: Margin | number;
|
|
50
|
+
/**
|
|
51
|
+
* The padding of the `from` labels. A numeric value sets all paddings.
|
|
52
|
+
*/
|
|
53
|
+
padding?: Padding | number;
|
|
54
|
+
/**
|
|
55
|
+
* If set to `true`, the Chart displays the series `from` labels. By default, the Chart series from labels are not displayed.
|
|
56
|
+
*/
|
|
57
|
+
visible?: boolean;
|
|
58
|
+
}
|
|
@@ -0,0 +1,80 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @license
|
|
3
|
+
*-------------------------------------------------------------------------------------------
|
|
4
|
+
* Copyright © 2026 Progress Software Corporation. All rights reserved.
|
|
5
|
+
* Licensed under commercial license. See LICENSE.md in the package root for more information
|
|
6
|
+
*-------------------------------------------------------------------------------------------
|
|
7
|
+
*/
|
|
8
|
+
import { drawing } from '@progress/kendo-drawing';
|
|
9
|
+
import { Border, Margin, Padding, SeriesLabelsVisualArgs } from '../../common/property-types.js';
|
|
10
|
+
import { SeriesDefaultsLabelsFrom } from './labels.from.interface.js';
|
|
11
|
+
import { SeriesDefaultsLabelsTo } from './labels.to.interface.js';
|
|
12
|
+
/**
|
|
13
|
+
* @hidden
|
|
14
|
+
*/
|
|
15
|
+
export interface SeriesDefaultsLabels {
|
|
16
|
+
/**
|
|
17
|
+
* The background color of the labels. Accepts a valid CSS color string, including hex and rgb.
|
|
18
|
+
*/
|
|
19
|
+
background?: string;
|
|
20
|
+
/**
|
|
21
|
+
* The border of the labels.
|
|
22
|
+
*/
|
|
23
|
+
border?: Border;
|
|
24
|
+
/**
|
|
25
|
+
* The text color of the labels. Accepts a valid CSS color string, including hex and rgb.
|
|
26
|
+
*/
|
|
27
|
+
color?: string;
|
|
28
|
+
/**
|
|
29
|
+
* The function which returns the Chart series labels content. You can split the text into multiple lines by using line feed characters (`"\n"`).
|
|
30
|
+
*
|
|
31
|
+
* The available fields in the function argument are:
|
|
32
|
+
* - `category`—The category name. Available for the Area, Bar, Column, Bubble, Donut, Funnel, Pyramid, Line, and Pie series.
|
|
33
|
+
* - `dataItem`—The original data item used to construct the point. If binding to an array, it will be `null`.
|
|
34
|
+
* - `percentage`—The point value represented as a percentage value. Available for the Donut, Funnel, Pyramid and Pie series.
|
|
35
|
+
* - `series`—The data series.
|
|
36
|
+
* - `value`—The point value. Can be a number or object containing each bound field.
|
|
37
|
+
* - `runningTotal`—The sum of point values since the last `"runningTotal"` summary point. Available for the Waterfall series.
|
|
38
|
+
* - `total`—The sum of all previous series values. Available for the Waterfall series.
|
|
39
|
+
*/
|
|
40
|
+
content?: (e: any) => string;
|
|
41
|
+
/**
|
|
42
|
+
* The font style of the labels.
|
|
43
|
+
*/
|
|
44
|
+
font?: string;
|
|
45
|
+
/**
|
|
46
|
+
* The format of the labels. Uses the [`format`](https://www.telerik.com/kendo-react-ui/components/intl/api/intlservice#toc-format) method of IntlService.
|
|
47
|
+
*/
|
|
48
|
+
format?: string;
|
|
49
|
+
/**
|
|
50
|
+
* The margin of the labels. A numeric value sets all margins.
|
|
51
|
+
*/
|
|
52
|
+
margin?: Margin | number;
|
|
53
|
+
/**
|
|
54
|
+
* The padding of the labels. A numeric value sets all margins.
|
|
55
|
+
*/
|
|
56
|
+
padding?: Padding | number;
|
|
57
|
+
/**
|
|
58
|
+
* If set to `true`, the Chart displays the series labels. By default, the Chart series labels are not displayed.
|
|
59
|
+
*/
|
|
60
|
+
visible?: boolean;
|
|
61
|
+
/**
|
|
62
|
+
* A function that can be used to create a custom visual for the labels.
|
|
63
|
+
*
|
|
64
|
+
* The available argument fields are:
|
|
65
|
+
* - `text`—The label text.
|
|
66
|
+
* - `rect`—The geometry [`Rect`](https://www.telerik.com/kendo-react-ui/components/drawing/api/geometry/rect) that defines where the visual has to be rendered.
|
|
67
|
+
* - `sender`—The Chart instance (might be `undefined`).
|
|
68
|
+
* - `options`—The label options.
|
|
69
|
+
* - `createVisual`—A function that can be used to get the default visual.
|
|
70
|
+
*/
|
|
71
|
+
visual?: (e: SeriesLabelsVisualArgs) => drawing.Element;
|
|
72
|
+
/**
|
|
73
|
+
* The Chart series `from` label configuration. The Chart displays the series labels when either the [`seriesDefaults.labels.visible`](https://www.telerik.com/kendo-react-ui/components/charts/api/chartseriesdefaultslabelsprops#toc-visible) or the [`seriesDefaults.labels.from.visible`](https://www.telerik.com/kendo-react-ui/components/charts/api/chartseriesdefaultslabelsfromprops#toc-visible) option is set to `true`.
|
|
74
|
+
*/
|
|
75
|
+
from?: SeriesDefaultsLabelsFrom;
|
|
76
|
+
/**
|
|
77
|
+
* The Chart series `to` label configuration. The Chart displays the series labels when either the [`seriesDefaults.labels.visible`](https://www.telerik.com/kendo-react-ui/components/charts/api/chartseriesdefaultslabelsprops#toc-visible) or the [`seriesDefaults.labels.to.visible`](https://www.telerik.com/kendo-react-ui/components/charts/api/chartseriesdefaultslabelstoprops#toc-visible) option is set to `true`.
|
|
78
|
+
*/
|
|
79
|
+
to?: SeriesDefaultsLabelsTo;
|
|
80
|
+
}
|
|
@@ -0,0 +1,58 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @license
|
|
3
|
+
*-------------------------------------------------------------------------------------------
|
|
4
|
+
* Copyright © 2026 Progress Software Corporation. All rights reserved.
|
|
5
|
+
* Licensed under commercial license. See LICENSE.md in the package root for more information
|
|
6
|
+
*-------------------------------------------------------------------------------------------
|
|
7
|
+
*/
|
|
8
|
+
import { Border, Margin, Padding } from '../../common/property-types.js';
|
|
9
|
+
/**
|
|
10
|
+
* @hidden
|
|
11
|
+
*/
|
|
12
|
+
export interface SeriesDefaultsLabelsTo {
|
|
13
|
+
/**
|
|
14
|
+
* The background color of `to` lables. Accepts a valid CSS color string, including hex and rgb.
|
|
15
|
+
*/
|
|
16
|
+
background?: string;
|
|
17
|
+
/**
|
|
18
|
+
* The border of `to` labels.
|
|
19
|
+
*/
|
|
20
|
+
border?: Border;
|
|
21
|
+
/**
|
|
22
|
+
* The text color of `to` labels. Accepts a valid CSS color string, including hex and rgb.
|
|
23
|
+
*/
|
|
24
|
+
color?: string;
|
|
25
|
+
/**
|
|
26
|
+
* The function which returns the `from` label content of the Chart series. You can split the text into multiple lines by using the line feed characters (`"\n"`).
|
|
27
|
+
*
|
|
28
|
+
* The available fields in the function argument are:
|
|
29
|
+
* - `category`—The category name. Available for the Area, Bar, Column, Bubble, Donut, Funnel, Pyramid, Line, and Pie series.
|
|
30
|
+
* - `dataItem`—The original data item used to construct the point. If binding to an array, it will be `null`.
|
|
31
|
+
* - `percentage`—The point value represented as a percentage value. Available for the Donut, Funnel, Pyramid and Pie series.
|
|
32
|
+
* - `series`—The data series.
|
|
33
|
+
* - `value`—The point value. Can be a number or object containing each bound field.
|
|
34
|
+
* - `runningTotal`—The sum of point values since the last `"runningTotal"` summary point. Available for the Waterfall series.
|
|
35
|
+
* - `total`—The sum of all previous series values. Available for the Waterfall series.
|
|
36
|
+
*/
|
|
37
|
+
content?: (e: any) => string;
|
|
38
|
+
/**
|
|
39
|
+
* The font style of the `to` labels.
|
|
40
|
+
*/
|
|
41
|
+
font?: string;
|
|
42
|
+
/**
|
|
43
|
+
* The format of the `to` labels. Uses the [`format`](https://www.telerik.com/kendo-react-ui/components/intl/api/intlservice#toc-format) method of IntlService.
|
|
44
|
+
*/
|
|
45
|
+
format?: string;
|
|
46
|
+
/**
|
|
47
|
+
* The margin of the `to` labels. A numeric value sets all margins.
|
|
48
|
+
*/
|
|
49
|
+
margin?: Margin | number;
|
|
50
|
+
/**
|
|
51
|
+
* The padding of the `to` labels. A numeric value sets all paddings.
|
|
52
|
+
*/
|
|
53
|
+
padding?: Padding | number;
|
|
54
|
+
/**
|
|
55
|
+
* If set to `true`, the Chart displays the `to` labels of the series. By default, the `to` labels of the Chart series are not displayed.
|
|
56
|
+
*/
|
|
57
|
+
visible?: boolean;
|
|
58
|
+
}
|