<!doctype html>
<html class="zc-html">
<head>
<meta charset="utf-8">
<title>ZingSoft Demo</title>
<script nonce="undefined" src="https://cdn.zingchart.com/zingchart.min.js"></script>
<style>
.zc-body {
background: #fff;
}
.chart--container {
height: 100%;
width: 100%;
min-height: 750px;
}
.zc-ref {
display: none;
}
</style>
</head>
<body class="zc-body">
<div id="myChart" class="chart--container">
<a href="https://www.zingchart.com/" rel="noopener" class="zc-ref">Powered by ZingChart</a>
</div>
<script>
ZC.LICENSE = ["569d52cefae586f634c54f86dc99e6a9", "b55b025e438fa8a98e32482b5f768ff5"];
let chartData = [{
text: 'flare',
children: [{
text: 'analytics',
children: [{
text: 'cluster',
children: [{
text: 'AgglomerativeCluster',
value: 3938
},
{
text: 'CommunityStructure',
value: 3812
},
{
text: 'HierarchicalCluster',
value: 6714
},
{
text: 'MergeEdge',
value: 743
}
]
},
{
text: 'graph',
children: [{
text: 'BetweennessCentrality',
value: 3534
},
{
text: 'LinkDistance',
value: 5731
},
{
text: 'MaxFlowMinCut',
value: 7840
},
{
text: 'ShortestPaths',
value: 5914
},
{
text: 'SpanningTree',
value: 3416
}
]
},
{
text: 'optimization',
children: [{
text: 'AspectRatioBanker',
value: 7074
}]
}
]
},
{
text: 'animate',
children: [{
text: 'Easing',
value: 17010
},
{
text: 'FunctionSequence',
value: 5842
},
{
text: 'interpolate',
children: [{
text: 'ArrayInterpolator',
value: 1983
},
{
text: 'ColorInterpolator',
value: 2047
},
{
text: 'DateInterpolator',
value: 1375
},
{
text: 'Interpolator',
value: 8746
},
{
text: 'MatrixInterpolator',
value: 2202
},
{
text: 'NumberInterpolator',
value: 1382
},
{
text: 'ObjectInterpolator',
value: 1629
},
{
text: 'PointInterpolator',
value: 1675
},
{
text: 'RectangleInterpolator',
value: 2042
}
]
},
{
text: 'ISchedulable',
value: 1041
},
{
text: 'Parallel',
value: 5176
},
{
text: 'Pause',
value: 449
},
{
text: 'Scheduler',
value: 5593
},
{
text: 'Sequence',
value: 5534
},
{
text: 'Transition',
value: 9201
},
{
text: 'Transitioner',
value: 19975
},
{
text: 'TransitionEvent',
value: 1116
},
{
text: 'Tween',
value: 6006
}
]
},
{
text: 'data',
children: [{
text: 'converters',
children: [{
text: 'Converters',
value: 721
},
{
text: 'DelimitedTextConverter',
value: 4294
},
{
text: 'GraphMLConverter',
value: 9800
},
{
text: 'IDataConverter',
value: 1314
},
{
text: 'JSONConverter',
value: 2220
}
]
},
{
text: 'DataField',
value: 1759
},
{
text: 'DataSchema',
value: 2165
},
{
text: 'DataSet',
value: 586
},
{
text: 'DataSource',
value: 3331
},
{
text: 'DataTable',
value: 772
},
{
text: 'DataUtil',
value: 3322
}
]
},
{
text: 'display',
children: [{
text: 'DirtySprite',
value: 8833
},
{
text: 'LineSprite',
value: 1732
},
{
text: 'RectSprite',
value: 3623
},
{
text: 'TextSprite',
value: 10066
}
]
},
{
text: 'flex',
children: [{
text: 'FlareVis',
value: 4116
}]
},
{
text: 'physics',
children: [{
text: 'DragForce',
value: 1082
},
{
text: 'GravityForce',
value: 1336
},
{
text: 'IForce',
value: 319
},
{
text: 'NBodyForce',
value: 10498
},
{
text: 'Particle',
value: 2822
},
{
text: 'Simulation',
value: 9983
},
{
text: 'Spring',
value: 2213
},
{
text: 'SpringForce',
value: 1681
}
]
},
{
text: 'query',
children: [{
text: 'AggregateExpression',
value: 1616
},
{
text: 'And',
value: 1027
},
{
text: 'Arithmetic',
value: 3891
},
{
text: 'Average',
value: 891
},
{
text: 'BinaryExpression',
value: 2893
},
{
text: 'Comparison',
value: 5103
},
{
text: 'CompositeExpression',
value: 3677
},
{
text: 'Count',
value: 781
},
{
text: 'DateUtil',
value: 4141
},
{
text: 'Distinct',
value: 933
},
{
text: 'Expression',
value: 5130
},
{
text: 'ExpressionIterator',
value: 3617
},
{
text: 'Fn',
value: 3240
},
{
text: 'If',
value: 2732
},
{
text: 'IsA',
value: 2039
},
{
text: 'Literal',
value: 1214
},
{
text: 'Match',
value: 3748
},
{
text: 'Maximum',
value: 843
},
{
text: 'methods',
children: [{
text: 'add',
value: 593
},
{
text: 'and',
value: 330
},
{
text: 'average',
value: 287
},
{
text: 'count',
value: 277
},
{
text: 'distinct',
value: 292
},
{
text: 'div',
value: 595
},
{
text: 'eq',
value: 594
},
{
text: 'fn',
value: 460
},
{
text: 'gt',
value: 603
},
{
text: 'gte',
value: 625
},
{
text: 'iff',
value: 748
},
{
text: 'isa',
value: 461
},
{
text: 'lt',
value: 597
},
{
text: 'lte',
value: 619
},
{
text: 'max',
value: 283
},
{
text: 'min',
value: 283
},
{
text: 'mod',
value: 591
},
{
text: 'mul',
value: 603
},
{
text: 'neq',
value: 599
},
{
text: 'not',
value: 386
},
{
text: 'or',
value: 323
},
{
text: 'orderby',
value: 307
},
{
text: 'range',
value: 772
},
{
text: 'select',
value: 296
},
{
text: 'stddev',
value: 363
},
{
text: 'sub',
value: 600
},
{
text: 'sum',
value: 280
},
{
text: 'update',
value: 307
},
{
text: 'variance',
value: 335
},
{
text: 'where',
value: 299
},
{
text: 'xor',
value: 354
},
{
text: '_',
value: 264
}
]
},
{
text: 'Minimum',
value: 843
},
{
text: 'Not',
value: 1554
},
{
text: 'Or',
value: 970
},
{
text: 'Query',
value: 13896
},
{
text: 'Range',
value: 1594
},
{
text: 'StringUtil',
value: 4130
},
{
text: 'Sum',
value: 791
},
{
text: 'Variable',
value: 1124
},
{
text: 'Variance',
value: 1876
},
{
text: 'Xor',
value: 1101
}
]
},
{
text: 'scale',
children: [{
text: 'IScaleMap',
value: 2105
},
{
text: 'LinearScale',
value: 1316
},
{
text: 'LogScale',
value: 3151
},
{
text: 'OrdinalScale',
value: 3770
},
{
text: 'QuantileScale',
value: 2435
},
{
text: 'QuantitativeScale',
value: 4839
},
{
text: 'RootScale',
value: 1756
},
{
text: 'Scale',
value: 4268
},
{
text: 'ScaleType',
value: 1821
},
{
text: 'TimeScale',
value: 5833
}
]
},
{
text: 'util',
children: [{
text: 'Arrays',
value: 8258
},
{
text: 'Colors',
value: 10001
},
{
text: 'Dates',
value: 8217
},
{
text: 'Displays',
value: 12555
},
{
text: 'Filter',
value: 2324
},
{
text: 'Geometry',
value: 10993
},
{
text: 'heap',
children: [{
text: 'FibonacciHeap',
value: 9354
},
{
text: 'HeapNode',
value: 1233
}
]
},
{
text: 'IEvaluable',
value: 335
},
{
text: 'IPredicate',
value: 383
},
{
text: 'IValueProxy',
value: 874
},
{
text: 'math',
children: [{
text: 'DenseMatrix',
value: 3165
},
{
text: 'IMatrix',
value: 2815
},
{
text: 'SparseMatrix',
value: 3366
}
]
},
{
text: 'Maths',
value: 17705
},
{
text: 'Orientation',
value: 1486
},
{
text: 'palette',
children: [{
text: 'ColorPalette',
value: 6367
},
{
text: 'Palette',
value: 1229
},
{
text: 'ShapePalette',
value: 2059
},
{
text: 'SizePalette',
value: 2291
}
]
},
{
text: 'Property',
value: 5559
},
{
text: 'Shapes',
value: 19118
},
{
text: 'Sort',
value: 6887
},
{
text: 'Stats',
value: 6557
},
{
text: 'Strings',
value: 22026
}
]
},
{
text: 'vis',
children: [{
text: 'axis',
children: [{
text: 'Axes',
value: 1302
},
{
text: 'Axis',
value: 24593
},
{
text: 'AxisGridLine',
value: 652
},
{
text: 'AxisLabel',
value: 636
},
{
text: 'CartesianAxes',
value: 6703
}
]
},
{
text: 'controls',
children: [{
text: 'AnchorControl',
value: 2138
},
{
text: 'ClickControl',
value: 3824
},
{
text: 'Control',
value: 1353
},
{
text: 'ControlList',
value: 4665
},
{
text: 'DragControl',
value: 2649
},
{
text: 'ExpandControl',
value: 2832
},
{
text: 'HoverControl',
value: 4896
},
{
text: 'IControl',
value: 763
},
{
text: 'PanZoomControl',
value: 5222
},
{
text: 'SelectionControl',
value: 7862
},
{
text: 'TooltipControl',
value: 8435
}
]
},
{
text: 'data',
children: [{
text: 'Data',
value: 20544
},
{
text: 'DataList',
value: 19788
},
{
text: 'DataSprite',
value: 10349
},
{
text: 'EdgeSprite',
value: 3301
},
{
text: 'NodeSprite',
value: 19382
},
{
text: 'render',
children: [{
text: 'ArrowType',
value: 698
},
{
text: 'EdgeRenderer',
value: 5569
},
{
text: 'IRenderer',
value: 353
},
{
text: 'ShapeRenderer',
value: 2247
}
]
},
{
text: 'ScaleBinding',
value: 11275
},
{
text: 'Tree',
value: 7147
},
{
text: 'TreeBuilder',
value: 9930
}
]
},
{
text: 'events',
children: [{
text: 'DataEvent',
value: 2313
},
{
text: 'SelectionEvent',
value: 1880
},
{
text: 'TooltipEvent',
value: 1701
},
{
text: 'VisualizationEvent',
value: 1117
}
]
},
{
text: 'legend',
children: [{
text: 'Legend',
value: 20859
},
{
text: 'LegendItem',
value: 4614
},
{
text: 'LegendRange',
value: 10530
}
]
},
{
text: 'operator',
children: [{
text: 'distortion',
children: [{
text: 'BifocalDistortion',
value: 4461
},
{
text: 'Distortion',
value: 6314
},
{
text: 'FisheyeDistortion',
value: 3444
}
]
},
{
text: 'encoder',
children: [{
text: 'ColorEncoder',
value: 3179
},
{
text: 'Encoder',
value: 4060
},
{
text: 'PropertyEncoder',
value: 4138
},
{
text: 'ShapeEncoder',
value: 1690
},
{
text: 'SizeEncoder',
value: 1830
}
]
},
{
text: 'filter',
children: [{
text: 'FisheyeTreeFilter',
value: 5219
},
{
text: 'GraphDistanceFilter',
value: 3165
},
{
text: 'VisibilityFilter',
value: 3509
}
]
},
{
text: 'IOperator',
value: 1286
},
{
text: 'label',
children: [{
text: 'Labeler',
value: 9956
},
{
text: 'RadialLabeler',
value: 3899
},
{
text: 'StackedAreaLabeler',
value: 3202
}
]
},
{
text: 'layout',
children: [{
text: 'AxisLayout',
value: 6725
},
{
text: 'BundledEdgeRouter',
value: 3727
},
{
text: 'CircleLayout',
value: 9317
},
{
text: 'CirclePackingLayout',
value: 12003
},
{
text: 'DendrogramLayout',
value: 4853
},
{
text: 'ForceDirectedLayout',
value: 8411
},
{
text: 'IcicleTreeLayout',
value: 4864
},
{
text: 'IndentedTreeLayout',
value: 3174
},
{
text: 'Layout',
value: 7881
},
{
text: 'NodeLinkTreeLayout',
value: 12870
},
{
text: 'PieLayout',
value: 2728
},
{
text: 'RadialTreeLayout',
value: 12348
},
{
text: 'RandomLayout',
value: 870
},
{
text: 'StackedAreaLayout',
value: 9121
},
{
text: 'TreeMapLayout',
value: 9191
}
]
},
{
text: 'Operator',
value: 2490
},
{
text: 'OperatorList',
value: 5248
},
{
text: 'OperatorSequence',
value: 4190
},
{
text: 'OperatorSwitch',
value: 2581
},
{
text: 'SortOperator',
value: 2023
}
]
},
{
text: 'Visualization',
value: 16540
}
]
}
]
}];
let chartConfig = {
type: 'treemap',
options: {
splitType: 'balancedV2'
},
plotarea: {
margin: 0
},
series: chartData
};
// render chart
zingchart.render({
id: 'myChart',
data: chartConfig,
height: '100%',
width: '100%',
});
</script>
</body>
</html>
let chartData = [{
text: 'flare',
children: [{
text: 'analytics',
children: [{
text: 'cluster',
children: [{
text: 'AgglomerativeCluster',
value: 3938
},
{
text: 'CommunityStructure',
value: 3812
},
{
text: 'HierarchicalCluster',
value: 6714
},
{
text: 'MergeEdge',
value: 743
}
]
},
{
text: 'graph',
children: [{
text: 'BetweennessCentrality',
value: 3534
},
{
text: 'LinkDistance',
value: 5731
},
{
text: 'MaxFlowMinCut',
value: 7840
},
{
text: 'ShortestPaths',
value: 5914
},
{
text: 'SpanningTree',
value: 3416
}
]
},
{
text: 'optimization',
children: [{
text: 'AspectRatioBanker',
value: 7074
}]
}
]
},
{
text: 'animate',
children: [{
text: 'Easing',
value: 17010
},
{
text: 'FunctionSequence',
value: 5842
},
{
text: 'interpolate',
children: [{
text: 'ArrayInterpolator',
value: 1983
},
{
text: 'ColorInterpolator',
value: 2047
},
{
text: 'DateInterpolator',
value: 1375
},
{
text: 'Interpolator',
value: 8746
},
{
text: 'MatrixInterpolator',
value: 2202
},
{
text: 'NumberInterpolator',
value: 1382
},
{
text: 'ObjectInterpolator',
value: 1629
},
{
text: 'PointInterpolator',
value: 1675
},
{
text: 'RectangleInterpolator',
value: 2042
}
]
},
{
text: 'ISchedulable',
value: 1041
},
{
text: 'Parallel',
value: 5176
},
{
text: 'Pause',
value: 449
},
{
text: 'Scheduler',
value: 5593
},
{
text: 'Sequence',
value: 5534
},
{
text: 'Transition',
value: 9201
},
{
text: 'Transitioner',
value: 19975
},
{
text: 'TransitionEvent',
value: 1116
},
{
text: 'Tween',
value: 6006
}
]
},
{
text: 'data',
children: [{
text: 'converters',
children: [{
text: 'Converters',
value: 721
},
{
text: 'DelimitedTextConverter',
value: 4294
},
{
text: 'GraphMLConverter',
value: 9800
},
{
text: 'IDataConverter',
value: 1314
},
{
text: 'JSONConverter',
value: 2220
}
]
},
{
text: 'DataField',
value: 1759
},
{
text: 'DataSchema',
value: 2165
},
{
text: 'DataSet',
value: 586
},
{
text: 'DataSource',
value: 3331
},
{
text: 'DataTable',
value: 772
},
{
text: 'DataUtil',
value: 3322
}
]
},
{
text: 'display',
children: [{
text: 'DirtySprite',
value: 8833
},
{
text: 'LineSprite',
value: 1732
},
{
text: 'RectSprite',
value: 3623
},
{
text: 'TextSprite',
value: 10066
}
]
},
{
text: 'flex',
children: [{
text: 'FlareVis',
value: 4116
}]
},
{
text: 'physics',
children: [{
text: 'DragForce',
value: 1082
},
{
text: 'GravityForce',
value: 1336
},
{
text: 'IForce',
value: 319
},
{
text: 'NBodyForce',
value: 10498
},
{
text: 'Particle',
value: 2822
},
{
text: 'Simulation',
value: 9983
},
{
text: 'Spring',
value: 2213
},
{
text: 'SpringForce',
value: 1681
}
]
},
{
text: 'query',
children: [{
text: 'AggregateExpression',
value: 1616
},
{
text: 'And',
value: 1027
},
{
text: 'Arithmetic',
value: 3891
},
{
text: 'Average',
value: 891
},
{
text: 'BinaryExpression',
value: 2893
},
{
text: 'Comparison',
value: 5103
},
{
text: 'CompositeExpression',
value: 3677
},
{
text: 'Count',
value: 781
},
{
text: 'DateUtil',
value: 4141
},
{
text: 'Distinct',
value: 933
},
{
text: 'Expression',
value: 5130
},
{
text: 'ExpressionIterator',
value: 3617
},
{
text: 'Fn',
value: 3240
},
{
text: 'If',
value: 2732
},
{
text: 'IsA',
value: 2039
},
{
text: 'Literal',
value: 1214
},
{
text: 'Match',
value: 3748
},
{
text: 'Maximum',
value: 843
},
{
text: 'methods',
children: [{
text: 'add',
value: 593
},
{
text: 'and',
value: 330
},
{
text: 'average',
value: 287
},
{
text: 'count',
value: 277
},
{
text: 'distinct',
value: 292
},
{
text: 'div',
value: 595
},
{
text: 'eq',
value: 594
},
{
text: 'fn',
value: 460
},
{
text: 'gt',
value: 603
},
{
text: 'gte',
value: 625
},
{
text: 'iff',
value: 748
},
{
text: 'isa',
value: 461
},
{
text: 'lt',
value: 597
},
{
text: 'lte',
value: 619
},
{
text: 'max',
value: 283
},
{
text: 'min',
value: 283
},
{
text: 'mod',
value: 591
},
{
text: 'mul',
value: 603
},
{
text: 'neq',
value: 599
},
{
text: 'not',
value: 386
},
{
text: 'or',
value: 323
},
{
text: 'orderby',
value: 307
},
{
text: 'range',
value: 772
},
{
text: 'select',
value: 296
},
{
text: 'stddev',
value: 363
},
{
text: 'sub',
value: 600
},
{
text: 'sum',
value: 280
},
{
text: 'update',
value: 307
},
{
text: 'variance',
value: 335
},
{
text: 'where',
value: 299
},
{
text: 'xor',
value: 354
},
{
text: '_',
value: 264
}
]
},
{
text: 'Minimum',
value: 843
},
{
text: 'Not',
value: 1554
},
{
text: 'Or',
value: 970
},
{
text: 'Query',
value: 13896
},
{
text: 'Range',
value: 1594
},
{
text: 'StringUtil',
value: 4130
},
{
text: 'Sum',
value: 791
},
{
text: 'Variable',
value: 1124
},
{
text: 'Variance',
value: 1876
},
{
text: 'Xor',
value: 1101
}
]
},
{
text: 'scale',
children: [{
text: 'IScaleMap',
value: 2105
},
{
text: 'LinearScale',
value: 1316
},
{
text: 'LogScale',
value: 3151
},
{
text: 'OrdinalScale',
value: 3770
},
{
text: 'QuantileScale',
value: 2435
},
{
text: 'QuantitativeScale',
value: 4839
},
{
text: 'RootScale',
value: 1756
},
{
text: 'Scale',
value: 4268
},
{
text: 'ScaleType',
value: 1821
},
{
text: 'TimeScale',
value: 5833
}
]
},
{
text: 'util',
children: [{
text: 'Arrays',
value: 8258
},
{
text: 'Colors',
value: 10001
},
{
text: 'Dates',
value: 8217
},
{
text: 'Displays',
value: 12555
},
{
text: 'Filter',
value: 2324
},
{
text: 'Geometry',
value: 10993
},
{
text: 'heap',
children: [{
text: 'FibonacciHeap',
value: 9354
},
{
text: 'HeapNode',
value: 1233
}
]
},
{
text: 'IEvaluable',
value: 335
},
{
text: 'IPredicate',
value: 383
},
{
text: 'IValueProxy',
value: 874
},
{
text: 'math',
children: [{
text: 'DenseMatrix',
value: 3165
},
{
text: 'IMatrix',
value: 2815
},
{
text: 'SparseMatrix',
value: 3366
}
]
},
{
text: 'Maths',
value: 17705
},
{
text: 'Orientation',
value: 1486
},
{
text: 'palette',
children: [{
text: 'ColorPalette',
value: 6367
},
{
text: 'Palette',
value: 1229
},
{
text: 'ShapePalette',
value: 2059
},
{
text: 'SizePalette',
value: 2291
}
]
},
{
text: 'Property',
value: 5559
},
{
text: 'Shapes',
value: 19118
},
{
text: 'Sort',
value: 6887
},
{
text: 'Stats',
value: 6557
},
{
text: 'Strings',
value: 22026
}
]
},
{
text: 'vis',
children: [{
text: 'axis',
children: [{
text: 'Axes',
value: 1302
},
{
text: 'Axis',
value: 24593
},
{
text: 'AxisGridLine',
value: 652
},
{
text: 'AxisLabel',
value: 636
},
{
text: 'CartesianAxes',
value: 6703
}
]
},
{
text: 'controls',
children: [{
text: 'AnchorControl',
value: 2138
},
{
text: 'ClickControl',
value: 3824
},
{
text: 'Control',
value: 1353
},
{
text: 'ControlList',
value: 4665
},
{
text: 'DragControl',
value: 2649
},
{
text: 'ExpandControl',
value: 2832
},
{
text: 'HoverControl',
value: 4896
},
{
text: 'IControl',
value: 763
},
{
text: 'PanZoomControl',
value: 5222
},
{
text: 'SelectionControl',
value: 7862
},
{
text: 'TooltipControl',
value: 8435
}
]
},
{
text: 'data',
children: [{
text: 'Data',
value: 20544
},
{
text: 'DataList',
value: 19788
},
{
text: 'DataSprite',
value: 10349
},
{
text: 'EdgeSprite',
value: 3301
},
{
text: 'NodeSprite',
value: 19382
},
{
text: 'render',
children: [{
text: 'ArrowType',
value: 698
},
{
text: 'EdgeRenderer',
value: 5569
},
{
text: 'IRenderer',
value: 353
},
{
text: 'ShapeRenderer',
value: 2247
}
]
},
{
text: 'ScaleBinding',
value: 11275
},
{
text: 'Tree',
value: 7147
},
{
text: 'TreeBuilder',
value: 9930
}
]
},
{
text: 'events',
children: [{
text: 'DataEvent',
value: 2313
},
{
text: 'SelectionEvent',
value: 1880
},
{
text: 'TooltipEvent',
value: 1701
},
{
text: 'VisualizationEvent',
value: 1117
}
]
},
{
text: 'legend',
children: [{
text: 'Legend',
value: 20859
},
{
text: 'LegendItem',
value: 4614
},
{
text: 'LegendRange',
value: 10530
}
]
},
{
text: 'operator',
children: [{
text: 'distortion',
children: [{
text: 'BifocalDistortion',
value: 4461
},
{
text: 'Distortion',
value: 6314
},
{
text: 'FisheyeDistortion',
value: 3444
}
]
},
{
text: 'encoder',
children: [{
text: 'ColorEncoder',
value: 3179
},
{
text: 'Encoder',
value: 4060
},
{
text: 'PropertyEncoder',
value: 4138
},
{
text: 'ShapeEncoder',
value: 1690
},
{
text: 'SizeEncoder',
value: 1830
}
]
},
{
text: 'filter',
children: [{
text: 'FisheyeTreeFilter',
value: 5219
},
{
text: 'GraphDistanceFilter',
value: 3165
},
{
text: 'VisibilityFilter',
value: 3509
}
]
},
{
text: 'IOperator',
value: 1286
},
{
text: 'label',
children: [{
text: 'Labeler',
value: 9956
},
{
text: 'RadialLabeler',
value: 3899
},
{
text: 'StackedAreaLabeler',
value: 3202
}
]
},
{
text: 'layout',
children: [{
text: 'AxisLayout',
value: 6725
},
{
text: 'BundledEdgeRouter',
value: 3727
},
{
text: 'CircleLayout',
value: 9317
},
{
text: 'CirclePackingLayout',
value: 12003
},
{
text: 'DendrogramLayout',
value: 4853
},
{
text: 'ForceDirectedLayout',
value: 8411
},
{
text: 'IcicleTreeLayout',
value: 4864
},
{
text: 'IndentedTreeLayout',
value: 3174
},
{
text: 'Layout',
value: 7881
},
{
text: 'NodeLinkTreeLayout',
value: 12870
},
{
text: 'PieLayout',
value: 2728
},
{
text: 'RadialTreeLayout',
value: 12348
},
{
text: 'RandomLayout',
value: 870
},
{
text: 'StackedAreaLayout',
value: 9121
},
{
text: 'TreeMapLayout',
value: 9191
}
]
},
{
text: 'Operator',
value: 2490
},
{
text: 'OperatorList',
value: 5248
},
{
text: 'OperatorSequence',
value: 4190
},
{
text: 'OperatorSwitch',
value: 2581
},
{
text: 'SortOperator',
value: 2023
}
]
},
{
text: 'Visualization',
value: 16540
}
]
}
]
}];
let chartConfig = {
type: 'treemap',
options: {
splitType: 'balancedV2'
},
plotarea: {
margin: 0
},
series: chartData
};
// render chart
zingchart.render({
id: 'myChart',
data: chartConfig,
height: '100%',
width: '100%',
});
