@progress/kendo-charts 2.6.0-dev.202410171326 → 2.6.0-dev.202410171740

package/dist/es2015/chart/mixins/pie-chart-mixin.js

@@ -43,6 +43,7 @@ const PieChartMixin = {
                     text: text,
                     series: options.series,
                     markerColor: markerColor,
+                    pattern: point.pattern,
                     labels: itemLabelOptions
                 });
             }

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

@@ -73,6 +73,7 @@ class PieChart extends ChartElement {
                 callback(value, new Ring(null, 0, 0, currentAngle, angle), {
                     owner: this,
                     category: defined(fields.category) ? fields.category : "",
+                    pattern: defined(fields.pattern) ? fields.pattern : currentSeries.pattern,
                     index: i,
                     series: currentSeries,
                     seriesIx: seriesIx,
@@ -109,6 +110,7 @@ class PieChart extends ChartElement {
 
     addValue(value, sector, fields) {
         const segmentOptions = deepExtend({}, fields.series, { index: fields.index });
+        segmentOptions.pattern = fields.pattern || segmentOptions.pattern;
         this.evalSegmentOptions(segmentOptions, value, fields);
 
         this.createLegendItem(value, segmentOptions, fields);

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

@@ -1,6 +1,6 @@
 import { drawing as draw, geometry as geom } from '@progress/kendo-drawing';
 
-import { ChartElement, ShapeBuilder, TextBox, Box } from '../../core';
+import { ChartElement, ShapeBuilder, TextBox, Box, createPatternFill } from '../../core';
 
 import PointEventsMixin from '../mixins/point-events-mixin';
 
@@ -163,10 +163,10 @@ class PieSegment extends ChartElement {
             }
         } : {};
         const color = options.color;
-        const fill = {
+        const fill = createPatternFill(options.pattern, {
             color: color,
             opacity: options.opacity
-        };
+        });
         const visual = this.createSegment(sector, deepExtend({
             fill: fill,
             stroke: {

package/dist/es2015/chart/register-charts.js

@@ -15,7 +15,7 @@ import { COLUMN, DONUT, PIE, FUNNEL, PYRAMID, BAR, LINE, VERTICAL_LINE, AREA, VE
     RANGE_BAR, WATERFALL, HORIZONTAL_WATERFALL, SCATTER, SCATTER_LINE, BUBBLE,
     POLAR_AREA, POLAR_LINE, POLAR_SCATTER, RADAR_AREA, RADAR_COLUMN, RADAR_LINE, CATEGORY,
     RANGE_AREA, VERTICAL_RANGE_AREA, X_ERROR_LOW_FIELD, X_ERROR_HIGH_FIELD, Y_ERROR_LOW_FIELD, Y_ERROR_HIGH_FIELD,
-    ERROR_LOW_FIELD, ERROR_HIGH_FIELD, HEATMAP, DRILLDOWN_FIELD, TRENDLINE_SERIES } from './constants';
+    ERROR_LOW_FIELD, ERROR_HIGH_FIELD, HEATMAP, DRILLDOWN_FIELD, TRENDLINE_SERIES, PATTERN_FIELD } from './constants';
 import { X, Y, VALUE } from '../common/constants';
 
 const COLOR = "color";
@@ -57,25 +57,25 @@ PlotAreaFactory.current.register(HeatmapPlotArea, [ HEATMAP ]);
 
 SeriesBinder.current.register(
     [ BAR, COLUMN, LINE, VERTICAL_LINE, AREA, VERTICAL_AREA ],
-    [ VALUE ], [ CATEGORY, COLOR, NOTE_TEXT, ERROR_LOW_FIELD, ERROR_HIGH_FIELD, DRILLDOWN_FIELD ]
+    [ VALUE ], [ CATEGORY, COLOR, NOTE_TEXT, ERROR_LOW_FIELD, ERROR_HIGH_FIELD, DRILLDOWN_FIELD, PATTERN_FIELD ]
 );
 
 SeriesBinder.current.register(
     [ RANGE_COLUMN, RANGE_BAR, RANGE_AREA, VERTICAL_RANGE_AREA ],
-    [ FROM, TO ], [ CATEGORY, COLOR, NOTE_TEXT, DRILLDOWN_FIELD ]
+    [ FROM, TO ], [ CATEGORY, COLOR, NOTE_TEXT, DRILLDOWN_FIELD, PATTERN_FIELD ]
 );
 
 SeriesBinder.current.register(
     [ WATERFALL, HORIZONTAL_WATERFALL ],
-    [ VALUE ], [ CATEGORY, COLOR, NOTE_TEXT, SUMMARY_FIELD, DRILLDOWN_FIELD ]
+    [ VALUE ], [ CATEGORY, COLOR, NOTE_TEXT, SUMMARY_FIELD, DRILLDOWN_FIELD, PATTERN_FIELD ]
 );
 
-SeriesBinder.current.register([ POLAR_AREA, POLAR_LINE, POLAR_SCATTER ], [ X, Y ], [ COLOR, DRILLDOWN_FIELD ]);
-SeriesBinder.current.register([ RADAR_AREA, RADAR_COLUMN, RADAR_LINE ], [ VALUE ], [ CATEGORY, COLOR, DRILLDOWN_FIELD ]);
+SeriesBinder.current.register([ POLAR_AREA, POLAR_LINE, POLAR_SCATTER ], [ X, Y ], [ COLOR, DRILLDOWN_FIELD, PATTERN_FIELD ]);
+SeriesBinder.current.register([ RADAR_AREA, RADAR_COLUMN, RADAR_LINE ], [ VALUE ], [ CATEGORY, COLOR, DRILLDOWN_FIELD, PATTERN_FIELD ]);
 
 SeriesBinder.current.register(
     [ FUNNEL, PYRAMID ],
-    [ VALUE ], [ CATEGORY, COLOR, "visibleInLegend", "visible", DRILLDOWN_FIELD ]
+    [ VALUE ], [ CATEGORY, COLOR, "visibleInLegend", "visible", DRILLDOWN_FIELD, PATTERN_FIELD ]
 );
 
 DefaultAggregates.current.register(
@@ -99,17 +99,17 @@ SeriesBinder.current.register(
 );
 
 SeriesBinder.current.register(
-    [ BUBBLE ], [ X, Y, "size" ], [ COLOR, CATEGORY, NOTE_TEXT ]
+    [ BUBBLE ], [ X, Y, "size" ], [ COLOR, CATEGORY, NOTE_TEXT, PATTERN_FIELD ]
 );
 
 SeriesBinder.current.register(
     [ HEATMAP ],
-    [ X, Y, VALUE ], [ COLOR, NOTE_TEXT ]
+    [ X, Y, VALUE ], [ COLOR, NOTE_TEXT, PATTERN_FIELD ]
 );
 
 SeriesBinder.current.register(
     [ CANDLESTICK, OHLC ],
-    [ "open", "high", "low", "close" ], [ CATEGORY, COLOR, "downColor", NOTE_TEXT ]
+    [ "open", "high", "low", "close" ], [ CATEGORY, COLOR, "downColor", NOTE_TEXT, PATTERN_FIELD ]
 );
 
 DefaultAggregates.current.register(
@@ -120,7 +120,7 @@ DefaultAggregates.current.register(
 
 SeriesBinder.current.register(
     [ BOX_PLOT, VERTICAL_BOX_PLOT ],
-    [ "lower", "q1", "median", "q3", "upper", "mean", "outliers" ], [ CATEGORY, COLOR, NOTE_TEXT, DRILLDOWN_FIELD ]
+    [ "lower", "q1", "median", "q3", "upper", "mean", "outliers" ], [ CATEGORY, COLOR, NOTE_TEXT, DRILLDOWN_FIELD, PATTERN_FIELD ]
 );
 
 DefaultAggregates.current.register(
@@ -131,7 +131,7 @@ DefaultAggregates.current.register(
 
 SeriesBinder.current.register(
     [ BULLET, VERTICAL_BULLET ],
-    [ "current", "target" ], [ CATEGORY, COLOR, "visibleInLegend", NOTE_TEXT, DRILLDOWN_FIELD ]
+    [ "current", "target" ], [ CATEGORY, COLOR, "visibleInLegend", NOTE_TEXT, DRILLDOWN_FIELD, PATTERN_FIELD ]
 );
 
 DefaultAggregates.current.register(
@@ -141,5 +141,5 @@ DefaultAggregates.current.register(
 
 SeriesBinder.current.register(
     [ PIE, DONUT ],
-    [ VALUE ], [ CATEGORY, COLOR, "explode", "visibleInLegend", "visible", DRILLDOWN_FIELD ]
+    [ VALUE ], [ CATEGORY, COLOR, "explode", "visibleInLegend", "visible", DRILLDOWN_FIELD, PATTERN_FIELD ]
 );

package/dist/es2015/core/box-element.js

@@ -5,6 +5,7 @@ import Box from './box';
 
 import { BLACK, LEFT, TOP, X, Y } from '../common/constants';
 import { getSpacing, setDefaultOptions, valueOrDefault } from '../common';
+import { createPatternFill } from './pattern';
 
 class BoxElement extends ChartElement {
     constructor(options) {
@@ -100,10 +101,10 @@ class BoxElement extends ChartElement {
                 opacity: valueOrDefault(border.opacity, options.opacity),
                 dashType: border.dashType
             },
-            fill: {
+            fill: createPatternFill(options.pattern, {
                 color: options.background,
                 opacity: options.opacity
-            },
+            }, undefined),
             cursor: options.cursor
         };
     }

package/dist/es2015/core/pattern.js

@@ -0,0 +1,23 @@
+import { drawing } from '@progress/kendo-drawing';
+import { isFunction } from './../common';
+
+const { dotsPattern, verticalStripesPattern, crosshatchPattern, diagonalStripesPattern, gridPattern } = drawing;
+
+const patternMap = {
+    dots: dotsPattern,
+    verticalStripes: verticalStripesPattern,
+    crosshatch: crosshatchPattern,
+    diagonalStripes: diagonalStripesPattern,
+    grid: gridPattern
+};
+
+export function evaluatePattern(options, point) {
+    return isFunction(options) ? options(point) : options;
+}
+
+export function createPatternFill(options, fill, point) {
+    const patternOptions = evaluatePattern(options, point);
+    const pattern = patternOptions && patternMap[patternOptions.type];
+
+    return pattern ? pattern(Object.assign({}, fill, patternOptions)) : fill;
+}

package/dist/es2015/core.js

@@ -27,3 +27,4 @@ export { default as RadarLogarithmicAxis } from './core/radar-logarithmic-axis';
 export { default as CurveProcessor } from './core/curve-processor';
 export { default as Gradients } from './core/gradients';
 export { default as rectToBox } from './core/utils/rect-to-box';
+export { createPatternFill } from './core/pattern';