@progress/kendo-charts 2.3.0-dev.202404170829 → 2.3.0-dev.202404221217
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/dist/cdn/js/kendo-charts.js +1 -1
- package/dist/cdn/main.js +1 -1
- package/dist/es/sankey/label.js +0 -2
- package/dist/es/sankey/sankey.js +5 -3
- package/dist/es/sankey/title.js +0 -1
- package/dist/es/sankey/utils.js +48 -0
- package/dist/es/sankey.js +1 -0
- package/dist/es2015/sankey/label.js +0 -2
- package/dist/es2015/sankey/sankey.js +5 -3
- package/dist/es2015/sankey/title.js +0 -1
- package/dist/es2015/sankey/utils.js +43 -0
- package/dist/es2015/sankey.js +1 -0
- package/dist/npm/main.js +56 -7
- package/dist/npm/sankey.d.ts +49 -6
- package/dist/systemjs/kendo-charts.js +1 -1
- package/package.json +1 -1
package/dist/npm/sankey.d.ts
CHANGED
|
@@ -96,12 +96,6 @@ export interface SankeyLabel {
|
|
|
96
96
|
* The color of the label.
|
|
97
97
|
*/
|
|
98
98
|
color?: string;
|
|
99
|
-
/**
|
|
100
|
-
* The opacity of the label.
|
|
101
|
-
*
|
|
102
|
-
* @default 1
|
|
103
|
-
*/
|
|
104
|
-
opacity?: number;
|
|
105
99
|
/**
|
|
106
100
|
* The alignment of the label.
|
|
107
101
|
*
|
|
@@ -517,3 +511,52 @@ export interface SankeyTooltipEvent extends SankeyEvent {
|
|
|
517
511
|
*/
|
|
518
512
|
nodeValue?: number;
|
|
519
513
|
}
|
|
514
|
+
|
|
515
|
+
/**
|
|
516
|
+
* Converts data objects to Sankey data.
|
|
517
|
+
*
|
|
518
|
+
* @param data - The data objects.
|
|
519
|
+
* @param dimensions - The dimensions of the data.
|
|
520
|
+
* @param measure - The measure of the data.
|
|
521
|
+
* @returns The Sankey data.
|
|
522
|
+
*
|
|
523
|
+
* @example
|
|
524
|
+
* ```ts
|
|
525
|
+
* const data = [
|
|
526
|
+
* { gender: 'Female', device: 'Tablet', age: '< 18', value: 4 },
|
|
527
|
+
* { gender: 'Female', device: 'Tablet', age: "> 40", value: 8 },
|
|
528
|
+
* { gender: 'Female', device: 'Mobile', age: '< 18', value: 4 },
|
|
529
|
+
* { gender: 'Female', device: 'Mobile', age: '18-26', value: 24 },
|
|
530
|
+
* { gender: 'Female', device: 'Mobile', age: '27-40', value: 10 },
|
|
531
|
+
* { gender: 'Female', device: 'Mobile', age: '> 40', value: 2 },
|
|
532
|
+
* { gender: 'Female', device: 'Desktop', age: '18-26', value: 11 },
|
|
533
|
+
* { gender: 'Female', device: 'Desktop', age: '27-40', value: 28 },
|
|
534
|
+
* { gender: 'Female', device: 'Desktop', age: '> 40', value: 9 },
|
|
535
|
+
* { gender: 'Male', device: 'Mobile', age: '< 18', value: 4 },
|
|
536
|
+
* { gender: 'Male', device: 'Mobile', age: '18-26', value: 11 },
|
|
537
|
+
* { gender: 'Male', device: 'Mobile', age: '27-40', value: 28 },
|
|
538
|
+
* { gender: 'Male', device: 'Mobile', age: '> 40', value: 9 },
|
|
539
|
+
* { gender: 'Male', device: 'Desktop', age: '18-26', value: 11 },
|
|
540
|
+
* { gender: 'Male', device: 'Desktop', age: '27-40', value: 28 },
|
|
541
|
+
* { gender: 'Male', device: 'Desktop', age: '> 40', value: 9 },
|
|
542
|
+
* ];
|
|
543
|
+
*
|
|
544
|
+
* const dimensions = [
|
|
545
|
+
* { value: item => item.gender },
|
|
546
|
+
* { value: item => item.device },
|
|
547
|
+
* { value: item => 'Age ' + item.age }
|
|
548
|
+
* ];
|
|
549
|
+
* const measure = { value: item => item.value };
|
|
550
|
+
*
|
|
551
|
+
* const sankeyData = createSankeyData(data, dimensions, measure);
|
|
552
|
+
*
|
|
553
|
+
* const sankey = new Sankey(document.getElementById('sankey'), {
|
|
554
|
+
* data: sankeyData
|
|
555
|
+
* });
|
|
556
|
+
* ```
|
|
557
|
+
*/
|
|
558
|
+
export function createSankeyData(
|
|
559
|
+
data: object[],
|
|
560
|
+
dimensions: { value: (item: object) => string }[],
|
|
561
|
+
measure: { value: (item: object) => number }
|
|
562
|
+
): { links: SankeyLink[]; nodes: SankeyNode[] };
|