@progress/kendo-charts 2.3.0-dev.202404121620 → 2.3.0-dev.202404191639
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/sankey.js +1 -1
- package/dist/es/sankey/utils.js +48 -0
- package/dist/es/sankey.js +1 -0
- package/dist/es2015/sankey/sankey.js +1 -1
- package/dist/es2015/sankey/utils.js +43 -0
- package/dist/es2015/sankey.js +1 -0
- package/dist/npm/main.js +52 -2
- package/dist/npm/sankey.d.ts +50 -1
- package/dist/systemjs/kendo-charts.js +1 -1
- package/package.json +1 -1
package/dist/npm/sankey.d.ts
CHANGED
|
@@ -374,7 +374,7 @@ export interface SankeyTooltip {
|
|
|
374
374
|
* Represents the delay of the tooltip displaying.
|
|
375
375
|
* The delay is measured in milliseconds.
|
|
376
376
|
*
|
|
377
|
-
* @default
|
|
377
|
+
* @default 200
|
|
378
378
|
*/
|
|
379
379
|
delay?: number;
|
|
380
380
|
}
|
|
@@ -517,3 +517,52 @@ export interface SankeyTooltipEvent extends SankeyEvent {
|
|
|
517
517
|
*/
|
|
518
518
|
nodeValue?: number;
|
|
519
519
|
}
|
|
520
|
+
|
|
521
|
+
/**
|
|
522
|
+
* Converts data objects to Sankey data.
|
|
523
|
+
*
|
|
524
|
+
* @param data - The data objects.
|
|
525
|
+
* @param dimensions - The dimensions of the data.
|
|
526
|
+
* @param measure - The measure of the data.
|
|
527
|
+
* @returns The Sankey data.
|
|
528
|
+
*
|
|
529
|
+
* @example
|
|
530
|
+
* ```ts
|
|
531
|
+
* const data = [
|
|
532
|
+
* { gender: 'Female', device: 'Tablet', age: '< 18', value: 4 },
|
|
533
|
+
* { gender: 'Female', device: 'Tablet', age: "> 40", value: 8 },
|
|
534
|
+
* { gender: 'Female', device: 'Mobile', age: '< 18', value: 4 },
|
|
535
|
+
* { gender: 'Female', device: 'Mobile', age: '18-26', value: 24 },
|
|
536
|
+
* { gender: 'Female', device: 'Mobile', age: '27-40', value: 10 },
|
|
537
|
+
* { gender: 'Female', device: 'Mobile', age: '> 40', value: 2 },
|
|
538
|
+
* { gender: 'Female', device: 'Desktop', age: '18-26', value: 11 },
|
|
539
|
+
* { gender: 'Female', device: 'Desktop', age: '27-40', value: 28 },
|
|
540
|
+
* { gender: 'Female', device: 'Desktop', age: '> 40', value: 9 },
|
|
541
|
+
* { gender: 'Male', device: 'Mobile', age: '< 18', value: 4 },
|
|
542
|
+
* { gender: 'Male', device: 'Mobile', age: '18-26', value: 11 },
|
|
543
|
+
* { gender: 'Male', device: 'Mobile', age: '27-40', value: 28 },
|
|
544
|
+
* { gender: 'Male', device: 'Mobile', age: '> 40', value: 9 },
|
|
545
|
+
* { gender: 'Male', device: 'Desktop', age: '18-26', value: 11 },
|
|
546
|
+
* { gender: 'Male', device: 'Desktop', age: '27-40', value: 28 },
|
|
547
|
+
* { gender: 'Male', device: 'Desktop', age: '> 40', value: 9 },
|
|
548
|
+
* ];
|
|
549
|
+
*
|
|
550
|
+
* const dimensions = [
|
|
551
|
+
* { value: item => item.gender },
|
|
552
|
+
* { value: item => item.device },
|
|
553
|
+
* { value: item => 'Age ' + item.age }
|
|
554
|
+
* ];
|
|
555
|
+
* const measure = { value: item => item.value };
|
|
556
|
+
*
|
|
557
|
+
* const sankeyData = createSankeyData(data, dimensions, measure);
|
|
558
|
+
*
|
|
559
|
+
* const sankey = new Sankey(document.getElementById('sankey'), {
|
|
560
|
+
* data: sankeyData
|
|
561
|
+
* });
|
|
562
|
+
* ```
|
|
563
|
+
*/
|
|
564
|
+
export function createSankeyData(
|
|
565
|
+
data: object[],
|
|
566
|
+
dimensions: { value: (item: object) => string }[],
|
|
567
|
+
measure: { value: (item: object) => number }
|
|
568
|
+
): { links: SankeyLink[]; nodes: SankeyNode[] };
|